写代码啦

DOM事件和事件委托

2021-04-12 05:00

一、DOM 事件模型或 DOM 事件机制
事件捕获:从外到内找监听函数
事件冒泡:从内到外找监听函数

2020052816105283.png

baba.addEventListener('click',fn,bool) //默认是IE的冒泡,true表示捕获
先捕获再冒泡。
特例:如果监听的是一个元素,那么不存在先捕获再冒泡。
取消冒泡:e.stopPropagation()//可中断冒泡,但捕获不可取消
Bubbles 该事件是否冒泡
Cancelable 冒泡是否可以取消
二、事件委托
委托一个元素监听本该监听的事件
情景一:有100个button都有监听事件,如果逐个添加监听事件就很麻烦,可以将这100个按钮放到一个div中,给div添加监听事件。
情景二:监听目前不存在的元素,可先监听祖先,然后再找要监听的元素是否存在。
委托的优点:

  1. 减少内存消耗
  2. 动态绑定事件
56 0 0
56 0 0
    登录后回复