DOM 事件机制
DOM 事件标准描述了事件传播的 3 个阶段:
- 捕获阶段(Capturing phase)—— 事件(从 Window)向下走近元素。
- 目标阶段(Target phase)—— 事件到达目标元素。
- 冒泡阶段(Bubbling phase)—— 事件从元素上开始冒泡。
冒泡(bubbling): 当一个事件发生在一个元素上,它会首先运行在该元素上的处理程序,然后运行其父元素上的处理程序,然后一直向上到其他祖先上的处理程序。
捕获(capturing): 与冒泡相反,事件捕获是从外向内查找监听函数
默认先捕获再冒泡
事件委托
事件委托模式: 如果要为大量的元素节点绑定事件,可以直接将事件绑定在这些元素的父节点上,只需要绑定一次,就可以在所有子节点触发事件。
原理:
利用DOM的事件冒泡,将事件绑定到目标元素的父节点,从而触发相应的函数.