event.target 与 event.currentTarget 的区别

event.target指向引起触发事件的元素
event.currentTarget则是事件绑定的元素

看个例子


event.target 与 event.currentTarget 的区别_第1张图片

当点击里面的元素时,输出

event.target.id:inner
event.currentTarget.id:outer

当点击外面的元素时,输出

event.target.id:outer
event.currentTarget.id:outer

当事件绑定的元素和触发的元素相同时,event.target === event.event,currentTarget。

你可能感兴趣的:(event.target 与 event.currentTarget 的区别)