js阻止事件追加的具體實現(xiàn)_javascript技巧
來源:懂視網(wǎng)
責編:小采
時間:2020-11-27 21:27:57
js阻止事件追加的具體實現(xiàn)_javascript技巧
js阻止事件追加的具體實現(xiàn)_javascript技巧:有些時候可以使用 e.stopPropagation(); e.preventDefault();來阻止事件冒泡,和默認事件的執(zhí)行。但不能阻止事件的追加。 什么情況下要阻止事件的追加呢? 比如: 點擊結(jié)賬,這樣的操作時,結(jié)賬本身有自己的事件,但結(jié)賬前要判斷是否登錄。 我們可能會這
導讀js阻止事件追加的具體實現(xiàn)_javascript技巧:有些時候可以使用 e.stopPropagation(); e.preventDefault();來阻止事件冒泡,和默認事件的執(zhí)行。但不能阻止事件的追加。 什么情況下要阻止事件的追加呢? 比如: 點擊結(jié)賬,這樣的操作時,結(jié)賬本身有自己的事件,但結(jié)賬前要判斷是否登錄。 我們可能會這
有些時候可以使用 e.stopPropagation(); e.preventDefault();來阻止事件冒泡,和默認事件的執(zhí)行。但不能阻止事件的追加。
什么情況下要阻止事件的追加呢?
比如:
點擊“結(jié)賬”,這樣的操作時,結(jié)賬本身有自己的事件,但結(jié)賬前要判斷是否登錄。
我們可能會這樣寫:
Js代碼
代碼如下:
if(isLogin){ //判斷是否登錄
console.log("沒有登錄")
}else{
//結(jié)賬相關(guān)代碼
}
如果點擊“我的主頁”也有登錄判斷
登錄判斷代碼
if(isLogin){ //判斷是否登錄
console.log("沒有登錄")
}else{
//個人中心
}
如果還有更多的登錄判斷。是不是就會有更多像上面的代碼呢?后來我發(fā)現(xiàn)stopImmediatePropagation()這個方法, 阻止事件追加。上面的問題就不是問題了。
重要:.確保登錄判斷事件是第一個綁定的事件。
Demo代碼
代碼如下:
demo
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js阻止事件追加的具體實現(xiàn)_javascript技巧
js阻止事件追加的具體實現(xiàn)_javascript技巧:有些時候可以使用 e.stopPropagation(); e.preventDefault();來阻止事件冒泡,和默認事件的執(zhí)行。但不能阻止事件的追加。 什么情況下要阻止事件的追加呢? 比如: 點擊結(jié)賬,這樣的操作時,結(jié)賬本身有自己的事件,但結(jié)賬前要判斷是否登錄。 我們可能會這