【JavaScript】——JavaScript基础之e.target和this的区别

target定义：
target 属性规定哪个 DOM 元素触发了该事件。
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。

我们查看下面代码：

 图中的e一定要有，有了这个e事件对象，才能有e.target事件属性。

我们写如下代码对比e.target 和 this：

 由此我们会看到，二者输出一致，那么区别是什么呢？先来看二者定义区别：

e.target表示触发事件的对象（或元素）

this表示绑定事件的对象（或元素）

我们在前面的代码添加ul标签，获取ul并添加点击事件： 

 此时的this指向的是ul，不信我们打印输出：

而我们打印e.target就会发现，它输出的是我们点击的小li事件：

总结：

e.target点击了哪个元素，就返回哪个元素；

this是哪个元素绑定了这个事件，那么就返回哪个元素。