Prototype使用Event

1.前言

下面是Event的通用event事件：

1) element(event):返回引发event事件的DOM元素。

2) findElement(event,tagName):该方法和element()方法有点类似，只是findElement()并不一定返回事件发生的事件源，它还可能返回该事件源DOM对象所在的容器。

3) isLeftClick(event):判断是否是因为左键单击所引发的事件。

4) observe(element,eventName,handler[,useCapture=false]):将handler注册成element的eventName事件的监听器，useCapture指定handler是否在捕获阶段被触发。

5) pointX(event):返回鼠标事件发生的位置X坐标。

6) pointY(event):返回鼠标事件发生位置Y坐标。

7) stop(event):停止event事件传播。

8) stopObserving(element,eventName,handler[,useCAPTURE=false]):取消element上绑定的handler监听器。

2.例子

<!DOCTYPE html>
<html>
<head><meta name="author" content="OwenWilliam" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> 使用Event </title>
</head>
<body>
<table border="1">
<tr><td>
<div><input id="ok" type="button" value="click me!"/></div>
</td></tr>
</table>
<script src="../../prototype.js" type="text/javascript">
</script>
<script type="text/javascript">
Event.observe("ok" , "click" , function(event)
{alert("是否为左键事件：" + event.isLeftClick());alert("事件源：" + event.element().value);alert("最近的td元素：" + event.findElement("td").innerHTML);});
</script>
</body>
</html>

3.运行结果

Prototype使用Event相关推荐

Javascript中的原型链、prototype、__proto__的关系
javascript 2016-10-06 1120 9 上图是本宝宝用Illustrator制作的可视化信息图,希望能帮你理清Javascript对象与__proto__.prototype和 ...
Chosen中选择项的更新
Chosen 选择项的动态修改/更新如果你需要去动态更新select选择框里的选择项,你需要通知Chosen去响应这个变动,你需要在这个选项框是触发一个"liszt:updated&quo ...
android 关闭多点触控_Cocos Creator关闭多点触摸的问题
一. 方案一:改写Node的派发事件方法:改写node的派发事件,当有多个响应的时候不去进行dispatch. 在游戏开启的时候把node原来的方法: cc.Node.prototype.dispa ...
dojo Quick Start/dojo入门手册--开始使用dojo.js
2006年初,dojo还是0.22的时候就很关注它的发展,可一直没有在实际项目中使用.一来是由于文档的缺少,而来是dojo的相关介绍总是让人望而生畏. 到现在都如此,第一个hello world就搞了 ...
javascript 观察者(发布订阅)模式详解
写给读者的话本人是千千万万前端小白中的一员,所以对前端小白的痛苦感同身受,面对一个新的知识点,很多时候感到束手无策.网上搜资料,有的不全,有的看不懂,所以本人作为小白,很有义务将自己觉得理解了的知识 ...
IE与Firefox的CSS兼容大全~~论坛推荐～！！！
IE与Firefox的CSS兼容大全作者:AYI 日期:2006-10-25 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 ...
Javascript事件机制兼容性解决方案
本文的解决方案可以用于Javascript native对象和宿主对象(dom元素),通过以下的方式来绑定和触发事件: 或者 var input = document.getElementsByTag ...
Notes:DOM的事件模拟
首先使用document对象的createEvent方法创建一个事件对象,然后初始化该事件对象,接着使用支持事件DOM节点的dispatchEvent方法触发事件. DOM2级事件和DOM3级事件有些 ...
IE8 新增的Javascript,css功能
IE8 新增的Javascript 对象 (Object) Attr Constructor Defines the properties and methods inherited by objec ...
日历控件，可运行在XHTML1.0下
JCalendar.js 1 //基本函数库/ 2 var isIE = /msie/i.test(navigator.userAgent);3 var isDTD = /CSS1Compat/i.t ...

Prototype使用Event

1.前言

2.例子

3.运行结果

Prototype使用Event相关推荐

最新文章

热门文章