事件冒泡与事件委托

1.事件冒泡

事件冒泡就是事件从最具体的元素到最模糊的元素递归执行。

阻止事件冒泡：stopPropagation()

2.事件委托

事件委托就是利用时间冒泡的原理把事件加到父元素或祖先元素上，触发执行效果。这样做的好处是对于大量要处理的元素，不必为每个元素都绑定事件，只需要在他们的父元素上绑定一次即可，提高性能。

绑定事件监听函数有三种常用的绑定事件的方法：

在DOM元素中直接绑定

在JavaScript代码中绑定

绑定事件监听函数

在DOM中直接绑定事件

我们可以在DOM元素上绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondblclick、onkeydown、onkeypress、onkeyup等

在JavaScript代码中绑定事件

在script标签内绑定事件可以使JavaScript代码与HTML标签分离，文档结构清晰，便于管理和开发。

使用事件监听绑定事件

绑定事件的另一种方法是用addEventListener()或attachEvent()来绑定事件监听函数