欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS觸發(fā)事件event.target VS event.currentTarget實(shí)例

 更新時(shí)間：2023年10月25日 10:52:10   作者：熱飯班長(zhǎng)  
這篇文章主要介紹了JS觸發(fā)事件event.target VS event.currentTarget實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

定義

event.target為觸發(fā)事件的元素

event.currentTarget為綁定事件處理函數(shù)的元素

事件處理程序綁定在div上

<div onClick="onClick">
    <button>按鈕</button>
</div>
// 情況1：點(diǎn)擊button
const onClick = (event) => {
    console.log(event.target) // 為button，觸發(fā)事件的元素
    console.log(event.currentTarget) // 為div，綁定事件處理函數(shù)的元素
}
// 情況2：點(diǎn)擊div
const onClick = (event) => {
    console.log(event.target) // 為div，觸發(fā)事件的元素
    console.log(event.currentTarget) // 為div，綁定事件處理函數(shù)的元素
}

事件處理程序綁定在button上

<div>
    <button onClick="onClick">按鈕</button>
</div>
// 情況1：點(diǎn)擊button
const onClick = (event) => {
    console.log(event.target) // 為button，觸發(fā)事件的元素
    console.log(event.currentTarget) // 為button，綁定事件處理函數(shù)的元素
}
// 情況2：點(diǎn)擊div，由于div上沒有事件處理函數(shù)，所以點(diǎn)擊不會(huì)有任何事情發(fā)生

以上就是JS觸發(fā)事件event.target VS event.currentTarget實(shí)例的詳細(xì)內(nèi)容，更多關(guān)于JS觸發(fā)事件的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論