JS 委托事件

来源:互联网 发布:什么软件制作数据图表 编辑:程序博客网 时间:2024/06/06 04:44

参考文章
https://juejin.im/entry/59ad709e6fb9a024a3712692?utm_source=gold_browser_extension

1.委托代理是什么

  • 把子节点绑定事件,移交到父节点来绑定
  • 利用冒泡,点击子节点触发事件,触发父元素的事件

2.事件为什么要用委托代理

  • 利用委托,可以在父元素获取到子元素的节点,把很多个子元素的事件,都移到父元素,减少了事件的绑定。

3.怎么做

因为点击事件特别多的时候,就用事件绑定到父节点上,通过父节点的 e.target
* 获取父节点: e.currentTarget
* 获取到子节点标签 = e.tagName.toLowerCase()
* 获取到点击className的节点:e.target.className
* 获取节点的所有内容 e.target.innerHTML