关于DOM事件模型的两件事（2）
作者：march 来源：三月的蚁穴 发布时间：2007-11-21 19:32:00
标签：dom,事件,W3C,ie
二、IE的高级事件处理模型的问题
重复绑定
IE下没有addEventListener，但是也有自己的attachEvent，即所谓的Microsoft Model。二者的实现基本相同只是attachEvent的第一个参数（事件类型）需要加”on”，而addEventListener不用，另外attachEvent因为不支持事件捕捉，所以也没有第三个参数。
然而，attachEvent还有一个很要命的问题：重复绑定事件。（这是从ppk on JavaScript中学到的）
一个例子：
function sayHello(){
alert('Hello, world!');
}
// W3C Model
$('div1').addEventListener('click', sayHello, false);
$('div1').addEventListener('click', sayHello, false);
// Microsoft Model
$('div1').attachEvent('onclick', sayHello);
$('div1').attachEvent('onclick', sayHello);
在W3C模型中，相同事件处理函数的绑定会被忽略，也就是说第二个$('div1').addEventListener('click', sayHello, false);会被忽略。
而在Microsoft模型中，第二个$('div1').attachEvent('onclick', sayHello);同样会被执行，所以，当你点击#div1的时候，alert框会弹出来两次。更有甚者，在detachEvent时候，也同样要detachEvent两次才能彻底把sayHello从#div1的click事件中删除。
为什么不继续使用alertID()了？
这是因为IE的事件模型的另一个缺陷，在alertID中，使用了this关键字来指代被委派了该事件处理函数的元素，这样，在W3C模型中，alertID中的this指代了#div1或者#div2。
但是在Microsoft模型中，缺少了对this的支持后，this.id就会变为undefined，因为这时候this指代了window对象。
0
投稿猜你喜欢
- language.xml 代码如下:<?xml version="1.0" encoding=
- 安装SQL Server 遇到错误提示：以前的某个程序安装已在安装计算机上创建挂起的文件操作。运行安装程序之前必须重新启动计算机!。找了半天
首先说明下范围用Javascript来开发WEB页面的动画效果该思路同时考虑页面效率、SEO，如果数据大，也可以缓解后端压力。这个是程序设计- 下面的代码是从kesion系统扒下的，确实不错，支持utf8格式。代码如下:'===========================
- 内容摘要：本文介绍了对数据库的基本操作：数据记录筛选（select）,更新数据库（update），删除记录（delete），添加数据记录（i
- 以下是引用片段：Function c2u(myText) Dim i c2u = "" For i = 1 to Len
- 在ASP中利用OWC（Office Web Components）控件可轻松实现各种图表功能，如饼图，簇状柱型图，折线图
- 经常到这来抄抄改改代码，也贡献一个代码，主要是讨论研究用，没有封装可以进一步改进<!DOCTYPE html PUBLIC "
- 上篇文章讲了js中的传值和传址 和 函数的作用域.这章我们来探讨js中的变量，表达式，和运算符 还有一些 js 语句。升级中……1, 表达式
- Yahoo和Google都有自己的建设高性能网站最佳实践, 我不做赘述, 需要了解的自行查阅资料:Yahoo的: Best Practice
- 小的本身是一个平面设计人员，前一阵儿有一些空闲的时间，便在各个站长网上发布了贴子，大意是免费制作logo，以换取网站连接(相信很多人都看过)
- 一直在期待这本书，一直希望国内能有一本正视WEB标准，并且全面阐述WEB标准书籍。而这本书是我觉得国内最全面的一本关于WEB标准的书籍，这本
- SQL Server 2008已经发布，我们可以看到它在各方面都有了显著的进步，这些让人侧目之处和失望之处都有可能极大地影响大型企业的采购意
- 在蓝色看到的这个程序，不错！by：thornyzhl前天看到有个人写了能在网页中写字的程序,找不到了,我来个能擦写的....蛮有意思的阿.~
- 桥接模式（Bridge Pattern）是什么桥接模式是一种结构型模式，它将抽象部分与实现部分分离开来，使它们可以独立地变化。在桥接模式中，
- 一共4个页面：form.asp; chk.asp; num.asp; count.asp得到一个随即数字。加密
- :hover是我们在CSS设计中最常运用的伪类之一，许多绚丽效果的实现离不开伪类:hover，比如我们常见的纯CSS菜单、相册效果等等。或许
- 代码如下: <％ dim fso,objFolder,objFiles dim filelist Set fso=Server.Cre
- 在讨论IE6的BUG及如何修复之前，有必要讲叙一些策略去避免这些恼人的问题——正所谓防患于未然 。IE6 市场占有率据Market Shar
- 身为一名小小的程序猿，在日常开发中不可以避免的要和where in和like打交道，在大多数情况下我们传的参数不多简单做下单引号、敏感字符转
