亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時間：2023年10月25日 10:52:10   作者：熱飯班長  
這篇文章主要介紹了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)擊不會有任何事情發(fā)生

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

相關(guān)文章

最新評論