原文:關於js中點擊一次觸發兩次事件

在實現項目中的一個評論功能時,即: 點擊 評論一下 按鈕時,彈出添加評論的富文本編輯器,同時 評論一下 的功能變成 取消評論 ,這時再點擊這個取消評論,就會回到當初那樣。可反復點擊改變狀態。 在實際的操作中發現並非如此,點擊之后狀態未改變,在控制台查看輸出發現一次點擊觸發了兩次事件。 js代碼如下: 后來通過阻止冒泡,阻止默認事件都不行,解決不了,最后用了unbind 方法就可以了。 特此記錄一下 ...

2020-06-28 21:11 0 3709 推薦指數:

查看詳情

點擊label時click事件觸發兩次的坑

今天幫群里的朋友看一段代碼的時候偶然間遇到一個label的坑,點擊label的時候,監聽的click事件被執行兩次; 具體代碼如下: 在控制台我們可以看到: 觸發事件源分別為input和label; 觸發條件很簡單:   1、監聽的是label和input的上層元素 ...

Sun Nov 09 05:24:00 CST 2014 15 6567
解決label點擊事件觸發兩次問題

問題描述: 通常,為了用戶體驗,我們點擊單選框或者復選框后面文字,即可選中當前項。代碼如下: <label> <input type="radio" name="sex" />男 </label> <label> <input type ...

Sat Dec 18 01:48:00 CST 2021 0 847
解決label點擊事件觸發兩次問題

問題描述: 通常,為了用戶體驗,我們點擊單選框或者復選框后面文字,即可選中當前項。代碼如下: 但是,此時,如果label標簽有點擊事件,則會觸發兩次。 問題原因: 點擊label的時候,事件冒泡一次,同時會觸發關聯的input的click事件,導致事件再次冒泡 解決辦法 ...

Sun Apr 19 09:11:00 CST 2015 0 3153
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM