JavaScript中使用stopPropagation函數(shù)停止事件傳播例子_javascript技巧
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 21:26:33
JavaScript中使用stopPropagation函數(shù)停止事件傳播例子_javascript技巧
JavaScript中使用stopPropagation函數(shù)停止事件傳播例子_javascript技巧:JS中的事件默認(rèn)是冒泡方式，逐層往上傳播，可以通過(guò)stopPropagation()函數(shù)停止事件在DOM層次中的傳播。如以下例子： HTML代碼： stopPropagation()使用 - 瓊臺(tái)博客 button [/code] 沒(méi)有加stopPropagation() [code]
導(dǎo)讀JavaScript中使用stopPropagation函數(shù)停止事件傳播例子_javascript技巧:JS中的事件默認(rèn)是冒泡方式，逐層往上傳播，可以通過(guò)stopPropagation()函數(shù)停止事件在DOM層次中的傳播。如以下例子： HTML代碼： stopPropagation()使用 - 瓊臺(tái)博客 button [/code] 沒(méi)有加stopPropagation() [code]
JS中的事件默認(rèn)是冒泡方式，逐層往上傳播，可以通過(guò)stopPropagation()函數(shù)停止事件在DOM層次中的傳播。如以下例子：
HTML代碼：
DOM逐層往上傳播，所以單擊button按鈕也傳播到了body層，于是body層的click也響應(yīng)了。結(jié)果彈出兩個(gè)警告框，分別是button與body。
加了stopPropagation()
在button的單擊事件處理函數(shù)中使用了stopPropagation()停止事件傳播函數(shù)，所以在彈出來(lái)自button單擊事件的警告框以后就傳播不到body，也就不會(huì)再次彈出body的警告框，結(jié)果只談一次警告框。
好多童鞋在寫(xiě)JS的時(shí)候，往往忽視了DOM事件逐層往上傳播的特性，導(dǎo)致程序出現(xiàn)異常。如果需要了解更深入的知識(shí)可以找找有關(guān)JS事件冒泡的資料看看。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JavaScript中使用stopPropagation函數(shù)停止事件傳播例子_javascript技巧
JavaScript中使用stopPropagation函數(shù)停止事件傳播例子_javascript技巧:JS中的事件默認(rèn)是冒泡方式，逐層往上傳播，可以通過(guò)stopPropagation()函數(shù)停止事件在DOM層次中的傳播。如以下例子： HTML代碼： stopPropagation()使用 - 瓊臺(tái)博客 button [/code] 沒(méi)有加stopPropagation() [code]
