浅谈js的事件冒泡机制

Posted 2020-08-22

　　很多人都听说过，js的事件冒泡机制，其实，这个说法还是比较生动形象的，就是一个水泡在水底下，冒泡到水面的过程。

　　那js的事件冒泡机制呢，就是一个DOM树，一级一级向上冒的过程，最终是到document这个根节点这里。

　　这里就有一个小细节，dom点击后，它所有的父级都会触发事件，每一级绑定的事件都会触发，这样是耗费事件和性能进行处理的，但是，如果我们把事件都绑定到document根节点，这样只需要在最后一级的时候，区别是那个dom触发的就行了，这个也叫事件委托。

　　其实这个场景适用于，子节点和众多父节点都有事件的绑定的情况，这样就不会触发多个事件，达到你想要的效果。