不理解什么是事件委托

不理解什么是事件委托

<ul>
			<li>老1</li>
			<li>老2</li>
			<li>老3</li>
			<li>老4</li>
			<li>老5</li>
		</ul>
		<script>
			var myUl = document.querySelector('ul');
			myUl.addEventListener('click',function(e){
				console.log(e.target);
				e.target.style.color = 'red';
			})
		</script>

上面的代码,事件是绑定在ul元素上面,那么点击li时就会打印出e.target, 而e.target就是事件对象,那用

e.target.style.color = 'red';

对事件对象设置新式,这整个跟事件委托有什么关系?

根据老师讲的事件委托定义,没有明白事件委托具体指的是什么?

https://img1.sycdn.imooc.com/climg/64b00968098e1a7609090077.jpg


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小猿 2025-08-04 16:07:31

同学,你好!1、通过父元素设置监听事件,利用e.target定位触发元素:e.target指向实际被点击的li(子元素),然后通过它修改样式(e.target.style.color = 'red')。

2、示例中运行效果是点击li 对li 进行样式设置,但是在写代码时并没有对每个li进行单独绑事件,而是让父元素ul"委托"处理所有li的点击事件,这就是事件委托。简单来说是通过对父元素进行事件监听实现了对子元素的设置。


祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师