JS事件绑定

addEventListener

语法:

1.绑在哪个时间上?click,load,change,blur

2.绑定什么函数---自定义事件函数

3.什么方式监听执行事件函数?捕捉,冒泡

 捕捉是ture,冒泡是false

xxxDomObject.addEventListener(“对象”,function(ev{}),false/ture);

 

事件停止传播鱼效果组织:

两种效果。

外-》内  称为  捕捉模型

内 -》外,称为 冒泡模型

 

ev.stopPropagation() ;停止事件往后执行

ev.preventDefault(); 阻止事件的效果

 

IE<=9有独特的兼容模式

IE的事件模型相比W3C的标准事件,主要3点不同

0绑定事件的函数不一样,IE中用attachEvent()

1:事件必须要加ON,比如标准中的第一个参数为click,相对的,IE中要写onclick

2:IE模型中,不支持捕捉模型,只支持冒泡(考Js弥补不了)

3:IE7.8 先绑定的事件后发生

4.绑定的事件中,this的指向问题,wsc模型中,this指向对象本身,而IE模型中指向window

5.事件对象不一样,W3C中,事件对象自动传递给事件函数的第一个参数,而在IE中,事件对象是WIndow.event属性值

 

如何兼容

function(ev){

  ev=ev||window.event;

}

 

用 对象.attachEvent 来判断是不是IE浏览器

posted on 2015-01-22 17:08  Struggling Rookie  阅读(145)  评论(0编辑  收藏  举报