DOM事件和事件委托

86 阅读1分钟

自定义事件

  • 浏览器自带事件    一共100多种事件,列表在MDN 上
  • 提问    开发者能不能在自带事件之外,自定义一个事件

答案:可以,见示例

事件委托

  • 委托一个元素监听我本该监听的东西,把事件监听放在祖先元素上

场景一

你要给100个按钮添加点击事件,咋办?

答:监听这100个按钮的祖先,等冒泡的时候判断target是不是这100个按钮中的一个,代码示例

场景二

你要监听目前不存在的元素的点击事件,咋办?

答:监听祖先,等点击的时候看看是不是我想要监听的元素即可,代码示例,例如一秒钟后给div里添加button

优点

省监听数(内存)

可以监听动态元素