event对象target和currentTarget区别

150 阅读1分钟

event对象target和currentTarget区别

Event.target

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

Event.currentTarget

标识是当事件沿着DOM触发时事件的当前目标。它总是指向事件绑定的元素,而Event.target则是事件触发的元素。

简而言之:target是触发事件的的元素,currentTarget是绑定事件的元素

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

举个例子

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