//IE window.event
//IE event.srcElement
//IE event.cancelBubble=true;
if(!event)event=window.event;
var target=(event.target)? event.target:event.srcElement;
if(window.event){
event.cancelBubble=true;
}else{
event.stopPropagation()
}
如果想改变元素的默认语义(例如<a>上面的onclick),应该将处理程序的返回值设置为false
1 事件模型0
xx.onclick=fun;
一个事件只能绑定一个处理,完全不方便嘛
2 事件模型2
element.addEventListener('click',function(event) {\\xxx },true);
支持绑定监听和捕获阶段
3 事件模型of IE
attachEvent(eventName,handler)
event任然从window里面拿
不支持捕获
onclick不是click
4 jQuery 封装的事件模型
a 提供建立事件处理程序的统一方法
b 允许在每一个元素上位每个事件类型建立多个监听
c 采用标准的事件类型 如click而不是IE的onclick
d 使Event实例可以作为处理程序的参数
e 对Event实例的常用属性进行规范化
f 为取消事件和阻塞默认操作提供统一方法
PS:除了不支持捕获阶段以外,和2级模型极为相似。
bind(eventType,data,listener)
--eventType(可以添加命名空间为后缀 click.nsXXX)
--data 调用者附加到event上的数据
--listener
返回 包装集
例如这样:
$('img').bind('click',function(event){//xx});
事件命名空间详解
$('#vstar').bind('click.editMode',function(event) {
say('Whee once!');
})
随后,比如切换到viewMode,那么可以这样
$('*').unbind('click.editMode');
同时,jQuery支持特定事件的快速绑定方法。
例如 $().click(fn)
这是增加一个事件监听
当然啦,我们有时希望删除事件处理程序
那么就
unbind(eventType,listener)
unbind(event)
分享到:
相关推荐
关于javascript event的总结
javascript Event(事件模型),针对于javascript事件的处理,具有一些帮助。
Javascript Event Handlers
javascript Event对象详解..........................
javascriptEvent对象详解定义.pdf
为IE浏览器添加EventSource兼容性支持。为IE浏览器添加EventSource兼容性支持。
js event emitter
JavaScript EventJavaScript EventJavaScript EventJavaScript EventJavaScript EventJavaScript EventJavaScript EventJavaScript EventJavaScript Event
event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...
javascript的Ajax EventBus,带C#的代码。
event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转...
Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的 event对象。 event对象只在事件发生的过程中才有效。 ...
当我们想去读一读关于Event的一些资料时,常常会湮没在大量的属性里面,这些属性其中的大多数不能良好的运行在大多数的浏览器。这里有event的兼容性列表。 我不打算给这些属性列个表,因为那些情况实在是太让人晕头...
NULL 博文链接:https://colbybobo.iteye.com/blog/1543853
主要介绍了JavaScript event对象整理及详细介绍的相关资料,需要的朋友可以参考下
事件订阅者基于Node JS Event Emitter的事件订阅服务器。如何使用步骤1:包括事件订阅者var EventSubscriber = require ( "./EventSubscriber" ). EventSubscriber ; 步骤2:使用事件订阅者创建频道var channel = ...
注意:虽然JavaScript只在一个线程上运行,但并不代码JavaScript引擎只有一个线程。事实上,JavaScript引擎有多个线程,单个脚本只能在一个线程上运行(主线程),其他线程都是在后台配合。 JavaScript为什么要采用...
event.keycode大全(javascript) event.keycode大全(javascript) event.keycode大全(javascript) event.keycode大全(javascript) event.keycode大全(javascript)
javascript中event详解javascript中event详解javascript中event详解javascript中event详解javascript中event详解javascript中event详解javascript中event详解
但是你懂的,浏览器实在太不和谐了,兼容性且不说,各种坐标属性看得人头昏眼花,极容易混淆。好吧,我来总结一下: 测试浏览器:IE8, Chrome13...!... <head> <...charset=UTF-8″/>...style type=”text/css”>...