如何兼容IE实现JS事件绑定、捕捉、冒泡和委托？

本文共计1139个文字，预计阅读时间需要5分钟。

事件阶段可分为三个阶段：事件捕获-事件目标-事件冒泡。事件捕获时，首先触发在document上，然后依次传递到事件目标，最后按顺序传递到事件阶段，分为三个层级。

事宜阶段事宜分为三个阶段：事宜捕捉–事宜目标–事宜冒泡事宜捕捉和冒泡事宜捕捉：事宜发作时（onclick,onmouseover……）起首发作在document上，然后顺次传递

事宜阶段

• 事宜分为三个阶段： 事宜捕捉 > 事宜目标 > 事宜冒泡

事宜捕捉和冒泡

• 事宜捕捉：事宜发作时（onclick,onmouseover……）起首发作在document上，然后顺次传递给body、……末了抵达目标节点（即事宜目标）。

• 事宜冒泡：事宜抵达事宜目标以后不会完毕，会逐层向上冒泡，直至document对象，跟事宜捕捉相反

事宜

onlick >事宜冒泡，重写onlick会掩盖之前属性，没有兼容性问题

el.Onclik= null; //解绑单击事宜，将onlick属性设为null即可

addEventListener(event.type, handle, boolean); IE8及以下不支撑，属于DOM2级的要领，可增加多个要领不被掩盖

//事宜范例没有on，false 示意在事宜第三阶段（冒泡）触发，true示意在事宜第一阶段（捕捉）触发。 假如handle是同一个要领，只实行一次。