事件冒泡 和 事件委托(事件代理)

事件冒泡:
JS中当触发某些具有冒泡性质的事件时,首先在触发元素寻找是否有相应的注册事件,如果没有再继续向上级父元素寻找是否有对应的注册事件作出响应,这就是事件冒泡。

事件委托:
利用事件冒泡的特征,将本应该注册在子元素上的处理事件注册在父元素上,这样点击子元素时发现其本身没有相应事件就到父元素上寻找作出响应。
这样做的优势有:1.减少DOM操作,提高性能。2.随时可以添加子元素,添加的子元素会自动有相应的处理事件
 
React 并不是将 click 事件直接绑定在 dom 上面,而是采用事件冒泡的形式冒泡到 document 上面,这个思路借鉴了事件委托机制。所以,React 中所有的事件最后都是被委托到了 document这个顶级 DOM 上。
原文地址:https://www.cnblogs.com/crazycode2/p/14747966.html