DOM事件模型的两件事(2)

2016-02-19 14:09 9 1 收藏

今天图老师小编给大家精心推荐个DOM事件模型的两件事(2)教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

二、IE的高级事件处理模型的问题
  
  重复绑定
  
  IE下没有addEventListener,但是也有自己的attachEvent,即所谓的MicrosoftModel。二者的实现基本相同只是attachEvent的第一个参数(事件类型)需要加”on”,而addEventListener不用,另外attachEvent因为不支持事件捕捉,所以也没有第三个参数。
  
  然而,attachEvent还有一个很要命的问题:重复绑定事件。(这是从ppkonJavaScript中学到的)
  
  一个例子:
  
  functionsayHello(){
  
  alert('Hello,world!');
  
  }
  
  //W3CModel
  
  $('div1').addEventListener('click',sayHello,false);
  
  $('div1').addEventListener('click',sayHello,false);
  
  //MicrosoftModel
  
  $('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对象。
  

来源:https://www.tulaoshi.com/n/20160219/1606307.html

延伸阅读
作为男人,当然都希望能娶到一位美丽大方并且能帮助自己的妻子。女人可以是家里的后备力量,也可能是不安因素的导火线。那么从面相分析,什么样的女人能旺夫呢?而男人喜欢什么样的女人呢?接下来一起看看吧。 爱做这两件事的女人是最旺夫 这类女士貌似在家庭中当家作主一言九鼎,或者事业成功风光无限,但是,在洞若观火的专...
标签: 女人养生
女人拥有好气血定要做这两件事 哪有女人不爱美的道理,女人的天性与爱美是分不开的,就像人每天吃饭、睡觉一样,是必不可少的。而且,如今这个时代早已是“一张脸走遍全世界”的时刻,所以可想而知,姣好面容的重要性!越来越多的女性群体开始疯狂的、“不择不断”的使用各种各样的护肤方式,力求达到比...
女人爱美必做两件事 补血通便 爱美是每个女人的天性,想让自己变得美丽,最重要的就是要补血和通便,外表的保养固然重要,但是内部气息的调理也是非常重要的。 养血 一、养血 女性天生有生理上的“磨难”——月经、怀孕、生产、哺乳,而且在这时有着耗血和失血的特点。“血为...
标签: 电脑入门
Windows7现在已经非常普及了,相比之前的Vista系统,Windows7的速度真的是很快了,但你是否担心自己的Windows7系统就像新安装其他Windows系统一样仅仅是刚开始运行飞快,随着时间的推移就会导致效率越来越低呢?想要保持自己的Windows7系统一直运行如飞并非是难事,下面将两个有效的优化小方法告诉你,让你保持Windows7的高速度运行。 1. 系统...
标签: 孕前
孕前准备之健康怀孕的10大守则 想要生一个健康聪明的宝宝,孕前准备工作少不了,为了达到健康怀孕这一目的,亲亲宝贝图老师小编提醒各位未准爸妈,一定要遵守孕前准备工作中的这10大守则,下面我们就一起来看看守则的具体内容吧。 守则之一:不要太胖或者太瘦 肥胖不但有可能危及身体健康,它还会使激...

经验教程

101

收藏

48
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部