原生js 事件委托

编程入门行业动态更新时间:2024-10-21 17:45:28

原生js <a href=https://www.elefans.com/category/jswz/34/1770959.html style= 事件委托"/>

原生js 事件委托

在开发过程中我们会经常遇到动态的添加一些html元素，例如li，此时如果我们想要给新增加的li添加鼠标点击事件会有点困难，同理，ul/ol下有很多li，我们不可能每个都给他们写一次监听事件的代码，此时我们就要用到事件委托。
即将监听要执行的事件委托给li的公共的父辈，这里我们使用的原理是冒泡，因为我们点击li，即使它本身没有绑定点击事件，但是会冒泡到ul上，ul则会执行，如何得到鼠标具体点击的是哪个li，则使用e.target获取。
删掉这个任务的代码：

其中，taskList为ul。

更多推荐

原生js 事件委托

本文发布于:2023-07-28 17:00:25，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1256763.html