1.浏览器的事件响应机制
浏览器事件响应机制.png
当一个事件发生在inner身上时，首先是被window捕获到，然后再依次向内传播，当inner捕获到事件时，会接着把事件向外传播，直到window。这个过程叫做事件传播。
注意，事件的触发是在冒泡阶段的。
事件传播.png
如下图，当点击最中间的inner块时，center的事件和outer的事件也跟着触发了。
事件传播.png
2.阻止事件传播
语法：事件对象.stopPropagation()
阻止事件传播.jpg
此时，当点击最中间的inner块时，只触发inner自己的事件了。
3.事件委托
利用事件冒泡的机制，把自己的事件委托给结构父级中的某一层。
事件委托.jpg
事件委托.jpg
利用事件的冒泡机制，把原本应该绑在li身上的点击事件，绑定在父级ul身上，这样点击了li也相当于点击了ul
