定義

event.target為觸發事件的元素。
event.currentTarget為綁定事件處理函數的元素。

示例代碼

// 示例代碼
<div>
    <button>按鈕</button>
</div>

事件處理程序綁定在div上

當我們點擊div時：
event.target為div
event.currentTarget為div。

當我們點擊button時:
event.target為button。
event.currentTarget為div。

<div onClick="onClick">
    <button>按鈕</button>
</div>

// 點擊div
const onClick = (event) => {
    console.log(event.target)
    // 為div

    console.log(event.currentTarget) 
    // 為div
}

// 點擊button
const onClick = (event) => {
    console.log(event.target)
    // 為button

    console.log(event.currentTarget)
    // 為div
}

事件處理程序綁定在button上

當我們點擊div時：
由於div上沒有事件處理函數，所以點擊後無事發生。

當我們點擊button時:
event.target為button。
event.currentTarget為button。

<div>
    <button onClick="onClick">按鈕</button>
</div>

// 點擊button
const onClick = (event) => {
    console.log(event.target)
    // 為button

    console.log(event.currentTarget)
    // 為button
}