本文介绍Prototype.js中的Event对象及其常用方法，如获取事件目标、判断鼠标按键等，并演示如何自定义事件处理方法及扩展Event对象。
在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>PrototypeTestProgram</title><scriptlanguage="javascript"src="prototype.js"></script>
<scriptlanguage="javascript">...
//扩展Event对象，增加判断是否右键点击的方法
Object.extend(Event,...{isRightClick:function(event)...{return(((event.which)&&(event.which==2))||((event.button)&&(event.button==2)));
}});
</script></head><bodyonmousedown="alert('点击了链接以外的区域');"><ahref="javascript:void(0)"onmousedown="test()"userName="test1">测试连接1</a><br><ahref="javascript:void(0)"id="ddd"userName="test12">测试连接2</a><scriptlanguage="javascript">...Event.observe($("ddd"),"mousedown",test,false);functiontest()...{//获得当前事件发生的元素，并获得自定义的userName属性得值alert(Event.element(window.event).userName);//判断点击为左键，还是右键，还是未知键if(Event.isLeftClick(window.event))...{alert("左键点击");alert(Event.pointerY(window.event));}elseif(Event.isRightClick(window.event))...{alert("右键点击");}else...{alert("未知键点击！");}//阻止事件的向上传递，即此时不会触发body的onmousedown事件Event.stop(window.event);}</script></body></html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
