javascript的事件机制

javascript的事件机制

一、事件模型 IE 和 标准DOM的事件模型 IE系：冒泡方式 NETSCAPE系：捕获方式 标准DOM：先捕获再冒泡

冒泡，从触发点向外层、顶层扩散，最后到达document、window，遇到相同注册事件立即触发执行； 捕获则相反，从window、document向里收缩，一直到触发点，遇到相同注册事件立即触发执行；

有代码如下：

页面如下：

s1捕获模式s2捕获模式s2冒泡模式s1冒泡模式

如果是IE浏览器，则依次提示

s2冒泡模式s1冒泡模式

二、事件注册 类似这样，

标准DOM

s1.addEventListener("click", function() alert("捕获模式"); }, true);s1.addEventListener("click", function() alert("冒泡模式"); }, false);

IE

document.getElementById("s1").attachEvent("onclick",function(e){ alert("IE下注册事件");});

三、阻断事件 标准DOM下：

IE下：

window.event.cancelBubble = true; //阻止事件的进一步传播，本节点除外 window.event.returnValue = false;//阻止默认事件的发生

有代码如下：

参考资料： ​​​[解惑]JavaScript事件机制​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。