關於click的多次觸發問題(冒泡事件)


1、

問題描述:

在點擊事件觸發時調用接口,若用戶多次點擊會造成多次調用接口,有時會引起一些數據錯誤的問題,如支付頁面,點擊多次時會在后台生成多個相同訂單

解決方法:

(1)加flag,讓點擊事件只執行一次

(2)若點擊元素為button,可在置點擊事件執行后設置button disabled屬性

2、

問題描述:

同一個點擊事件多次綁定,會疊加,執行多次

(click事件不能嵌套)

如下:

$(".submit").click(function(){
alert(1)
$(".submit").click(function(){
alert(2)
})
})

第一次點擊,執行結果:1

第二次點擊,執行結果:1,2

第三次點擊,執行結果:1,2,2

第四次點擊,執行結果:1,2,2,2

........

3、涉及到click事件,不能嵌套在其他事件中執行,要將其單獨拿出來

這個問題主要是由於事件冒泡引起的,可以將事件綁定在其父元素上

 

 

            

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM