关于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
投稿猜你喜欢
- 本文实例为大家分享了答题辅助python具体代码，供大家参考，具体内容如下from screenshot import pull_scree
- （1）标准类型操作符(所有的集合类型)成员关系 (in, not in) &nbs
- 将SQL Server中所有表的列信息显示出来: SELECT SysObjects.Name as tb_name, SysColumns
- 如何做一个计数器并让人家申请使用？ 第一步：创建一个计数器（最简单的数字计数器，不是图片式的）：&nbs
手写数字识别算法的设计与实现本文使用python基于TensorFlow设计手写数字识别算法，并编程实现GUI界面，构建手写数字识别系统。这- 一、前言相关知识来自《python算法设计与分析》。初级排序算法是指几种较为基础且容易理解的排序算法。初级排序算法包括插入排序、选择排序和冒
- fmtfmt是go语言中的格式化输入输出库，其中主要分为两个部分，分别是输出部分和输入部分。输出PrintPrint函数的主要功能是输出，和
- 本文实例讲述了Python3.5内置模块之os模块、sys模块、shutil模块用法。分享给大家供大家参考，具体如下：1、os模块：提供对操
- 引言将对象的状态信息转换为可以存储或传输的形式的过程叫作序列化类似地从序列化后的数据转换成相对应的对象叫作 反序列化本文介绍 Python
- 前言文件上传漏洞大多出现在可以进行文件上传的地方，如用户头像上传，文档上传处等。该漏洞是一个危害十分大的漏洞，通过文件上传，攻击者可以上传w
- 持续集成(CI)作业可以产生大量的数据。当作业失败时，找出了什么问题可能是一个繁琐的过程，需要对日志进行调查以发现根本原因-这通常是在作业总
- Celery简介Celery是一个简单、灵活且可靠的，处理大量消息的分布式系统，专注于实时处理的异步任务队列，同时也支持任务调度
- 当页面中引用template.js文件之后，脚本将创建一个TrimPath对象供你使用。 parseDO
- yolov5训练命令python .\train.py --data my.yaml --workers 8 --batch-size 32
- 在编译 PHP 时，如无特殊需要，一定禁止编译生成 CLI 命令行模式的 PHP 解析支持。可在编译时使用 –disable-CLI。一旦编
- 前言日常开发中,我们使用mysql来实现分页功能的时候,总是会用到mysql的limit语法.而怎么使用却很有讲究的,今天来总结一下.lim
- 前言对于MySQL的理解，我认为很多性能优化工作、主从主主复制都是在调整参数，来适应不同时期不同数量级的数据。故，理解透彻my.cnf里的参
- WordPress 页面模板是特定的模板文件，用于特定页面或页面组，这些用于单页数据的模板显示在前端。我们还可以在 WordPre
- 因为最近接触到调用新浪微博开放接口的项目，所以就想试试用python调用微博API。SDK下载地址：http://open.weibo.co
- <input type=button value=刷新 onclick="hist
