请老师给解释下什么是事件代理?

来源:8-2 什么是事件代理(面试必考)

叫我丽红

2022-01-14 16:25:05

这节课听了2遍,但感觉还是听得云里雾里的,还是没懂,请老师给解答,谢谢

写回答

1回答

好帮手慕星星

2022-01-14

同学你好,事件代理简单理解是将事件绑定在父元素上,然后通过判断当前触发的元素来进行操作。

例如给li绑定点击事件,通过我们会获取所有的li,循环遍历绑定事件

https://img.mukewang.com/climg/61e141cd09e1816006090322.jpg

如果后面有新增的li,新增元素不会绑定点击事件,这不是我们想要的效果。

这样就可以使用事件代理,给ul绑定点击事件

https://img.mukewang.com/climg/61e142270973444805550274.jpg

通过e.target(也就是event对象中的target属性,函数形参名称任意),获取当前触发元素,进行操作。如果后面有新增li,新增元素也会触发点击事件。

自己测试理解下,祝学习愉快!

0

0 学习 · 15276 问题

查看课程