美文网首页
事件委托与事件冒泡、事件捕获

事件委托与事件冒泡、事件捕获

作者: 依然还是或者其他 | 来源:发表于2020-06-08 10:52 被阅读0次

事件流

  • 捕获阶段,window将事件派发到目标的这一过程
  • 目标阶段,事件派发到目标元素的阶段,如果事件被处理成不进行冒泡,那么后续的冒泡将终止。
  • 冒泡阶段,从目标元素开始,逐层向上传递事件,直到document。

事件委托

基本概念:
利用事件冒泡机制,将一个元素的响应事件委托给另一个元素

例如:
假定A元素下有许多的B1,B2,...的元素。
那么可以将事件绑定A元素,那么当B1,B2等元素被点击时,触发事件冒泡,A元素的事件将被响应,就形成了事件委托。

事件委托的优点

  • 提高性能,提高事件处理速度,减少内存消耗
  • 动态监听,当动态添加子元素时,其事件也一样可以委托,而不需要而外处理

参考:
1.《JavaScript高级程序设计》
2.浏览器事件机制-事件委托
3.JavaScript 事件委托详解

相关文章

网友评论

      本文标题:事件委托与事件冒泡、事件捕获

      本文链接:https://www.haomeiwen.com/subject/fsuuzhtx.html