事件流
- 捕获阶段,window将事件派发到目标的这一过程
- 目标阶段,事件派发到目标元素的阶段,如果事件被处理成不进行冒泡,那么后续的冒泡将终止。
- 冒泡阶段,从目标元素开始,逐层向上传递事件,直到document。
事件委托
基本概念:
利用事件冒泡机制,将一个元素的响应事件委托给另一个元素
例如:
假定A元素下有许多的B1,B2,...的元素。
那么可以将事件绑定A元素,那么当B1,B2等元素被点击时,触发事件冒泡,A元素的事件将被响应,就形成了事件委托。
事件委托的优点:
- 提高性能,提高事件处理速度,减少内存消耗
- 动态监听,当动态添加子元素时,其事件也一样可以委托,而不需要而外处理
参考:
1.《JavaScript高级程序设计》
2.浏览器事件机制-事件委托
3.JavaScript 事件委托详解








网友评论