1.事件冒泡
事件冒泡就是事件从最具体的元素到最模糊的元素递归执行。
阻止事件冒泡：stopPropagation()
2.事件委托
事件委托就是利用时间冒泡的原理把事件加到父元素或祖先元素上，触发执行效果。这样做的好处是对于大量要处理的元素，不必为每个元素都绑定事件，只需要在他们的父元素上绑定一次即可，提高性能。
绑定事件监听函数有三种常用的绑定事件的方法：
在DOM元素中直接绑定
在JavaScript代码中绑定
绑定事件监听函数
在DOM中直接绑定事件
我们可以在DOM元素上绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondblclick、onkeydown、onkeypress、onkeyup等
在JavaScript代码中绑定事件
在script标签内绑定事件可以使JavaScript代码与HTML标签分离，文档结构清晰，便于管理和开发。
使用事件监听绑定事件
绑定事件的另一种方法是用addEventListener()或attachEvent()来绑定事件监听函数
