您的位置：首页 > Web前端 > JavaScript

使用prototype.js的事件处理方法

2007-08-12 23:40 609 查看
在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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航