首先，此文不讨论繁琐细节，但是考虑到读者的心灵感受，本着以积极向上的心态，在此还是会列举示例说明。
标题为理解DOM事件，那么在此拿一个简单的点击事件为例，希望大家看到这个例子后能触类旁通。 最初我们给页面实现点击，就像下面这样的简单操作。 先定义一个块如
，之后在内部定义此监听事件domElement.addEventListener('click',function(e){confirm(e+'e')},false);，接着在firefox浏览器点击内容弹出二次，最后一次弹出为[objectMouseEvent]e，后面多了一个e，这是我有意加上用以区别的。如图所示。
接下来在IE8下测试发现addEventListener错误，但是看到window下有此类方法（尝试了一下，原来此类方法在IE9以上版本是可以被支持），IE8同时还有一个attachEvent(event,pdisp)，那么我们设置监听事件wyz.attachEvent('onclick',function(e){confirm(e+'e')}),注：event为'onclick'，紧接着在IE8下点击发现可弹出二次，最后一次[objectMouseEvent]e。此时on('click',pdisp)和attachEvent(event,pdisp)可以共同使用。
综上所述，我们解决了DOM事件的兼容性，DOM事件的冒泡，以及DOM事件的重用。
原文链接：https://www.f2er.com/js/50905.html