如题: event对象target和currentTarget区别呢? 我们在developer.mozilla.org的技术文档中我们可以看到:
Event.target
触发事件的对象 (某个DOM元素) 的引用。当事件处理程序在事件的冒泡或捕获阶段被调用时,它与
event.currentTarget
不同。
event.currentTarget
Event
接口的只读属性currentTarget
表示的,标识是当事件沿着 DOM 触发时事件的当前目标。它总是指向事件绑定的元素,而Event.target
则是事件触发的元素。
通俗的讲: target是触发事件的元素, currentTarget是绑定事件的元素
事件可以由触发的元素冒泡到绑定事件的元素
举个🌰
上图中, 父元素div绑定onclick事件, 当点击子元素时, 触发父元素onclick事件, 在这种情况下, target即被点击的子元素, currentTarget指的是父元素div