在循环中事件绑定优化——事件委托

95 阅读1分钟

你还在循环中这么写事件吗?快别来兄弟

翻译:给每个li绑定一个事件,一共绑定index+1条事件 image.png

优化后 翻译:给ul绑定一个事件,li的事件委托给ul触发 image.png

以上就完成了简单的事件委托。

但是,我们只是想触发点击li的事件,点击ul的时候,不触发事件。

通过e.target.nodeName来判断点击的标签是否是li。并通过e.target.dataset获取自定义标签属性的值来判断点击的是哪个li。 image.png