事件冒泡

事件冒泡

     事件开始时由嵌套层次最深的节点开始接收,然后逐级向其父级节点传播。

     例:页面中有 div>ul>li>p 的结构,当你 click 了 p 元素,click 事件首先在 p 元素上发生,然后,click 事件沿DOM树向上传播,分别在 li>ul>div 上发生,按照JS高程上的说明,最终会传播到 document 对象。

事件代理(事件委托)

      利用事件冒泡原理,把事件函数绑定在父级元素上,再指定需要执行函数的子元素执行事件函数;

      在触发事件时,事件会依次冒泡到父级元素,从而触发绑定在父级元素的事件函数