js中e.target和this的区别？

自信出奇迹

于 2022-05-13 13:34:28 发布

阅读量127

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/HEConfidence/article/details/124750074

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

this事件绑定的元素（绑定这个事件处理的元素）
target事件触发的元素(点击的直接对象)
正

常情况下，他两个是一致的，但是有一种情况，那就是在事件冒泡时候

<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
var ul = document.querySelector('ul');
ul.addEventListener('click',function(e){
    console.log(this);//获取指向的dom元素
    console.log(e);//获取当前事件对象
	console.log(e.target);//获取当前触发的元素
	e.target.style.backgroundColor = "green";//延长交互时间
})