Prototype使用Event

1.前言

下面是Event的通用event事件:

1)        element(event):返回引发event事件的DOM元素。

2)        findElement(event,tagName):该方法和element()方法有点类似,只是findElement()并不一定返回事件发生的事件源,它还可能返回该事件源DOM对象所在的容器。

3)        isLeftClick(event):判断是否是因为左键单击所引发的事件。

4)        observe(element,eventName,handler[,useCapture=false]):将handler注册成element的eventName事件的监听器,useCapture指定handler是否在捕获阶段被触发。

5)        pointX(event):返回鼠标事件发生的位置X坐标。

6)        pointY(event):返回鼠标 事件发生位置Y坐标。

7)        stop(event):停止event事件传播。

8)        stopObserving(element,eventName,handler[,useCAPTURE=false]):取消element上绑定的handler监听器。

2.例子 

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> 使用Event </title>
</head>
<body>
<table border="1">
<tr><td>
<div><input id="ok" type="button" value="click me!"/></div>
</td></tr>
</table>
<script src="../../prototype.js" type="text/javascript">
</script>
<script type="text/javascript">
Event.observe("ok" , "click" , function(event)
{
	alert("是否为左键事件:" + event.isLeftClick());
	alert("事件源:" + event.element().value);
	alert("最近的td元素:" + event.findElement("td").innerHTML);

});
</script>
</body>
</html>

3.运行结果

Prototype使用Event_第1张图片

你可能感兴趣的:(JavaScript,web开发,prototype)