事件触发周期

DOM事件流

事件捕获(外--里)-->目标触发-->事件冒泡(里--外)

一定是包含关系(子父级)才会产生

说明

• 事件捕获：

  • 事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。

• 事件目标：

  • 当到达目标元素之后，执行目标元素该事件相应的处理函数。如果没有绑定监听函数，那就不执行。

• 事件冒泡：

  • 事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发，当一个元素接收到事件的时候会把他接收到的事件传给自己的父级，一直到window

阻止冒泡

event.stopPropagation()

事件委托

也称为事件代理，利用事件冒泡，可以只使用一个事件处理程序来管理一种类型的事件

Eg

如对box2,box3,box4绑定事件，则只需要 对其父级元素box1绑定事件然后利用事件冒泡管理事件