js阻止事件追加的具體實現_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:27:57
js阻止事件追加的具體實現_javascript技巧
js阻止事件追加的具體實現_javascript技巧:有些時候可以使用 e.stopPropagation(); e.preventDefault();來阻止事件冒泡,和默認事件的執行。但不能阻止事件的追加。 什么情況下要阻止事件的追加呢? 比如: 點擊結賬,這樣的操作時,結賬本身有自己的事件,但結賬前要判斷是否登錄。 我們可能會這
導讀js阻止事件追加的具體實現_javascript技巧:有些時候可以使用 e.stopPropagation(); e.preventDefault();來阻止事件冒泡,和默認事件的執行。但不能阻止事件的追加。 什么情況下要阻止事件的追加呢? 比如: 點擊結賬,這樣的操作時,結賬本身有自己的事件,但結賬前要判斷是否登錄。 我們可能會這

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