1.事件流的区别
IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件
示例:
<body>
<div>
<button>点击这里</button>
</div>
</body>
冒泡型事件模型: button->div->body (IE事件流)
捕获型事件模型: body->div->button (Netscape事件流)
DOM事件模型: body->div->button->button->div->body (先捕获后冒泡)
2.事件侦听函数的区别
3.事件对象定位(获取)
IE:事件对象是window对象的一个属性event,event只能在事件发生时访问,事件处理函数执行完毕,事件对象被销毁。
ie8之前的浏览器需要加window
示例:
document.onclick=function(){
alert(window.event.type);
}
DOM:event对象必须作为唯一的参数传递给事件处理函数,且必须为第一个参数。
示例:
document.onclick=function(){
alert(arguments[0].type);
}
4.获取目标(target)
IE:var oTarget=oEvent.srcElement;
DOM:var oTarget=oEvent.target;
5.阻止事件默认行为
IE:oEvent.returnValue=false;
DOM:oEvent.preventDefault();
6.停止事件复制(冒泡)
IE:oEvent.cancelBubble=true;
DOM:oEvent.stopPropagation();
相关文章
- DOM里的this 和event.srcElement区别
- Javascript 中的 this 和 event.srcElement 的区别
- 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别
- WPF中的事件及冒泡事件和隧道事件(预览事件)的区别
- ie6789和其他浏览器之间的鼠标左、中、右键的event.button不一致的办法
- jQuery:append 和 appendTo 在firefox和ie中的区别
- jQuery中event.target和this的区别详解
- JavaScipt 中的事件循环(event loop),以及微任务 和宏任务的概念
- a标签有onclick事件和href属性,在IE8中怎样实现点击的时候先执行onclick,再跳转
- js中的addListener(事件、监听器)和on(事件、监听器)方法有什么区别?