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

txf2004

浏览: 6874278 次
性别:
来自: 上海

最近访客更多访客>>

east_java

u012363178

wangyy

GDGZWQZ

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

prototype JavaScript HTML

在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>

分享到：

学期内表情的变化－－兔斯基版 | SVG(JSR 266)开发入门指南

2007-08-12 23:40
浏览 751
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论