DOM事件委托

35 阅读1分钟

名词解释

啥是事件委托?
就是找个人帮你干本该你干的事

举例

  1. 给 100 个按钮添加点击事件,咋办?
    答:监听这 100 个按钮的祖先,等冒泡的时候判断 target 是不是这 100 个按钮中的一个 事件委托.png

  2. 监听目前不存在的元素的点击事件,咋办?
    答:监听祖先,等点击的时候看看是不是我想要监听的元素即可 事件委托2.png

优点

  1. 省监听数(内存)
  2. 可以监听动态元素

封装

要求 :
写出这样一个函数 on('click', '#testDiv', 'li', fn)
当用户点击 #testDiv 里的 li 元素时,调用 fn 函数
要求用到事件委托

答案 :
判断 target 是否匹配 'li'
封装事件委托.png