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浏览器