事件冒泡
事件开始时由嵌套层次最深的节点开始接收,然后逐级向其父级节点传播。
例:页面中有 div>ul>li>p 的结构,当你 click 了 p 元素,click 事件首先在 p 元素上发生,然后,click 事件沿DOM树向上传播,分别在 li>ul>div 上发生,按照JS高程上的说明,最终会传播到 document 对象。
事件代理(事件委托)
利用事件冒泡原理,把事件函数绑定在父级元素上,再指定需要执行函数的子元素执行事件函数;
在触发事件时,事件会依次冒泡到父级元素,从而触发绑定在父级元素的事件函数