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>