event对象target和currentTarget区别

351 阅读1分钟

如题: event对象target和currentTarget区别呢? 我们在developer.mozilla.org的技术文档中我们可以看到:

Event.target

触发事件的对象 (某个DOM元素) 的引用。当事件处理程序在事件的冒泡或捕获阶段被调用时,它与event.currentTarget不同。

event.currentTarget

Event 接口的只读属性 currentTarget 表示的,标识是当事件沿着 DOM 触发时事件的当前目标。它总是指向事件绑定的元素,而 Event.target 则是事件触发的元素。

通俗的讲: target是触发事件的元素, currentTarget是绑定事件的元素

事件可以由触发的元素冒泡到绑定事件的元素

举个🌰

image.png

上图中, 父元素div绑定onclick事件, 当点击子元素时, 触发父元素onclick事件, 在这种情况下, target即被点击的子元素, currentTarget指的是父元素div

参考链接: