DOM系列之事件委托（代理、委派）

---

事件冒泡本身的特性，会带来的坏处，也会带来的好处。

1、什么是事件委托

把事情委托给别人，代为处理。

事件委托也称为事件代理，在 jQuery 里面称为事件委派。

说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。

2、事件委托的原理

不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

3、事件委托的作用

我们只操作了一次 DOM ，提高了程序的性能。

4、示例

动态新创建的子元素，也拥有事件。

<ul>
	<li>知否知否，点我应有弹框在手！</li>
	<li>知否知否，点我应有弹框在手！</li>
	<li>知否知否，点我应有弹框在手！</li>
	<li>知否知否，点我应有弹框在手！</li>
	<li>知否知否，点我应有弹框在手！</li>
</ul>
<script>
	// 事件委托的核心原理：给父节点添加侦听器， 利用事件冒泡影响每一个子节点
	var ul = document.querySelector("ul");
	ul.addEventListener("click", function (e) {
      
      
		// e.target 这个可以得到我们点击的对象
		e.target.style.backgroundColor = "pink";
	});
</script>

---

后记

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！