【Event】JavaScript Event学习第五章 高级事件注册模型-高级事件

复制代码 代码如下:

element.addEventListener('click',doSomething,false);
another_element.addEventListener('click',doSomething,false);
function doSomething() {
this.style.backgroundColor='#cc0000';
}

如果你把doSomething()注册在任意一个HTML元素的click实践上，那么当用户点击的时候这个元素的背景就会变成红色。

哪个事件处理程序被注册了呢？
现在这个W3C事件注册模式有一个问题就是你不知道一个元素都有哪些事件处理程序被注册了。在传统模式下面你可以：
alert(element.onclick)
你就可以看到哪些函数注册了，undefined就是没有函数注册在这个事件上。只是在最近的DOM Level 3事件中W3C才添加了一个eventListenerList来存储已经注册了的事件处理程序。因为太新了，鲜有浏览器支持。然而，问题已经解决了。
还好的是removeEventListener()不会因为你没有注册元素的某个事件而返回错误，所以你可以不用担心的使用removeEventLister()。
微软
微软也有一个事件注册模型。跟W3C的很像，但是有一个严重的缺陷。
注册一个事件处理程序，attach到一个元素：
element.attachEvent('onclick',doSomething)
或者，你需要两个事件处理程序：
element.attachEvent('onclick',startDragDrop)
element.attachEvent('onclick',spyOnUser)
移除一个也非常简单：
element.detachEvent('onclick',spyOnUser)

缺陷
跟W3C的相比较，微软有两个严重的问题：
、事件总是冒泡，没有被捕捉的可能。
、事件处理程序是被引用的，而不是拷贝的，所以this关键字总是指向window然后就一点用都没有。
这两个问题的结果就是如果一个事件冒泡了那么你是没有可能知道哪个元素在处理事件。在后面的事件顺序一章我会详细的解释。
而且微软的标准只被IE支持，也不能用来跨浏览器。就算你只是给windows浏览器写脚本也最好别用，因为冒泡问题会让事情变得不可收拾。
继续
如果你想继续学习，请看下一章。
原文地址：http://www.quirksmode.org/js/events_advanced.html
第一次翻译 大家多多包含 我的twitter：@rehawk

关于JavaScript Event学习第五章 高级事件注册模型的用户互动如下：

　　相关问题：js兼容事件模型的 event与window.event？

　　答：创建事件对象，支持IE浏览器，然后不创建，火狐不支持该事件是有必要建立一个考虑到不同的浏览器实现相同的效果的onclick =“JavaScript的：（）”是直接的，里面写的JavaScript的onclick，脑袋里面不写JavaScript的onclick =“（）提前脑袋里面写... >>详细

　　相关问题：JavaScript的事件模型是如何实现的？

　　答：简单说就是每次执行完当前的JavaScript代码之后，引擎就会检查消息队列，如果有消息的话就取出一条来，检查有没有绑定这个消息的代码，有的话就不管别的了直接去执行绑定好的代码。这段代码执行完之后就再去看消息队列，如果消息队列没有消息了... >>详细

　　相关问题：关于javascript事件的一个问题

　　答：addEventListener是添加，removeEventListener是移除，但是这个移除需要有个名称，如果是addEventListener一个匿名函数的，removeEventListener应该就无能为力了，addEventListener是添加嘛，可以添加多个函数，但是removeEventListener却只能一... >>详细