高级前端
dom
【Q544】什么是事件委托,e.currentTarget 与 e.target 有何区别

什么是事件委托,e.currentTarget 与 e.target 有何区别

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 558 (opens in a new tab)

Author 回答者: shfshanyue (opens in a new tab)

事件委托指当有大量子元素触发事件时,将事件监听器绑定在父元素进行监听,此时数百个事件监听器变为了一个监听器,提升了网页性能。

另外,React 把所有事件委托在 Root Element,用以提升性能。

Author 回答者: qiutian00 (opens in a new tab)

666

Author 回答者: nmsn (opens in a new tab)

event.currentTarget (opens in a new tab)

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