target定义:
target 属性规定哪个 DOM 元素触发了该事件。
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
我们查看下面代码:
图中的e一定要有,有了这个e事件对象,才能有e.target事件属性。
我们写如下代码对比e.target 和 this:
由此我们会看到,二者输出一致,那么区别是什么呢?先来看二者定义区别:
e.target表示触发事件的对象(或元素)
this表示绑定事件的对象(或元素)
我们在前面的代码添加ul标签,获取ul并添加点击事件:
此时的this指向的是ul,不信我们打印输出:
而我们打印e.target就会发现,它输出的是我们点击的小li事件:
总结:
e.target点击了哪个元素,就返回哪个元素;
this是哪个元素绑定了这个事件,那么就返回哪个元素。