事件代理的问题

来源:2-1 tab选项卡-基本功能

人生的起源

2020-10-28 00:20:16

什么时候使用事件代理比较好,什么时候不使用事件代理比较好?​

老师帮忙分析下这两种情况

写回答

1回答

好帮手慕鹤

2020-10-28

同学你好,针对问题进行回复。

1、什么情况下使用事件代理比较好?可以参考下面例子加深理解:

想要监听的是li的点击事件,如果li标签有很多,考虑浏览器的性能问题,我们可以利用事件代理,将事件绑定在li的父元素ul上,并且如果ul里面li标签是动态创建的,并且也想给动态创建的li标签添加点击事件时,可以使用事件代理的方式,参考如下代码:

http://img.mukewang.com/climg/5f98d1b309df2c8007870466.jpg

点击动态创建的li标签,改变input的内容,如下:

http://img.mukewang.com/climg/5f98d1ca090ac5e302490155.jpg

2、什么时候不使用事件代理比较好?

直接给某个元素添加触发事件,就不需要使用事件代理,参考如下:

http://img.mukewang.com/climg/5f98d3e309161d0205610244.jpg

祝学习愉快!

0

0 学习 · 4826 问题

查看课程