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

      在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对象的简单应用:
     

使用prototype.js的事件处理方法<html>
使用prototype.js的事件处理方法  
<head>
使用prototype.js的事件处理方法    
<title>Prototype Test Program</title>
使用prototype.js的事件处理方法    
<script language="javascript" src="prototype.js"></script>
使用prototype.js的事件处理方法使用prototype.js的事件处理方法    
<script language="javascript">...
使用prototype.js的事件处理方法       
//扩展Event对象,增加判断是否右键点击的方法
使用prototype.js的事件处理方法使用prototype.js的事件处理方法
       Object.extend(Event, ...{
使用prototype.js的事件处理方法使用prototype.js的事件处理方法           isRightClick: 
function(event) ...{
使用prototype.js的事件处理方法             
return (((event.which) && (event.which == 2)) ||
使用prototype.js的事件处理方法                    ((event.button) 
&& (event.button == 2)));
使用prototype.js的事件处理方法           }

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

使用prototype.js的事件处理方法       );
使用prototype.js的事件处理方法    
</script>
使用prototype.js的事件处理方法  
</head>
使用prototype.js的事件处理方法  
<body onmousedown="alert('点击了链接以外的区域');">
使用prototype.js的事件处理方法    
<href="javascript:void(0)" onmousedown="test()" userName="test1">测试连接1</a><br>
使用prototype.js的事件处理方法    
<href="javascript:void(0)" id="ddd" userName="test12">测试连接2</a>
使用prototype.js的事件处理方法使用prototype.js的事件处理方法    
<script language="javascript">...
使用prototype.js的事件处理方法      Event.observe($(
"ddd"), "mousedown", test, false);
使用prototype.js的事件处理方法使用prototype.js的事件处理方法      
function test() ...{
使用prototype.js的事件处理方法        
//获得当前事件发生的元素,并获得自定义的userName属性得值
使用prototype.js的事件处理方法
        alert(Event.element(window.event).userName);
使用prototype.js的事件处理方法        
//判断点击为左键,还是右键,还是未知键
使用prototype.js的事件处理方法使用prototype.js的事件处理方法
        if(Event.isLeftClick(window.event)) ...{
使用prototype.js的事件处理方法          alert(
"左键点击");
使用prototype.js的事件处理方法          alert(Event.pointerY(window.event));
使用prototype.js的事件处理方法使用prototype.js的事件处理方法        }
 else if(Event.isRightClick(window.event)) ...{
使用prototype.js的事件处理方法          alert(
"右键点击");
使用prototype.js的事件处理方法使用prototype.js的事件处理方法        }
 else ...{
使用prototype.js的事件处理方法          alert(
"未知键点击!");
使用prototype.js的事件处理方法        }

使用prototype.js的事件处理方法
使用prototype.js的事件处理方法        
//阻止事件的向上传递,即此时不会触发body的onmousedown事件
使用prototype.js的事件处理方法
        Event.stop(window.event);
使用prototype.js的事件处理方法      }

使用prototype.js的事件处理方法    
</script>
使用prototype.js的事件处理方法  
</body>
使用prototype.js的事件处理方法
</html>
上一篇:EventKey为last_trade_no的subscribe关注事件


下一篇:C#尝试读取或写入受保护的内存。这通常指示其他内存已损坏。