在prototype.js中包含了Event对象，其中提供了几个常用的方法，来帮助开发者完成事件处理。比较常用的方法有：
Event.element(event)：获得当前事件发生的对象；
Event.isLeftClick(event)：判断按下的是否为鼠标左键；
Event.pointerX(event)：返回事件发生时鼠标的X坐标；
Event.pointerY(event)：返回事件发生时鼠标的Y坐标；
Event.findElement(event, tagName)：从当前事件发生的元素向上查找，直到发现第一个类型为tagName的标签；
Event.stop(event)：阻止事件的默认传递;
以上方法中的参数都是事件对象，例如window.event。
可以使用Event.observe(element, event, handler, useCapture)为某个元素添加某个事件的处理方法。除了使用prototype.js中已有的方法外，也可以自己扩展Event对象，增加新的方法以适应新应用程序，下面的程序就是对Event对象的简单应用：
<html> <head> <title>Prototype Test Program</title> <script language="javascript" src="prototype.js"></script>
<script language="javascript">...
//扩展Event对象，增加判断是否右键点击的方法
Object.extend(Event, ...{ isRightClick: function(event) ...{ return (((event.which) && (event.which == 2)) || ((event.button) && (event.button == 2)));
} } );
</script> </head> <body onmousedown="alert('点击了链接以外的区域');"> <a href="javascript:void(0)" onmousedown="test()" userName="test1">测试连接1</a><br> <a href="javascript:void(0)" id="ddd" userName="test12">测试连接2</a> <script language="javascript">... Event.observe($("ddd"), "mousedown", test, false); function test() ...{ //获得当前事件发生的元素，并获得自定义的userName属性得值 alert(Event.element(window.event).userName); //判断点击为左键，还是右键，还是未知键 if(Event.isLeftClick(window.event)) ...{ alert("左键点击"); alert(Event.pointerY(window.event)); } else if(Event.isRightClick(window.event)) ...{ alert("右键点击"); } else ...{ alert("未知键点击！"); } //阻止事件的向上传递，即此时不会触发body的onmousedown事件 Event.stop(window.event); } </script> </body></html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
