我把input框寫在label標籤裡面,出發兩次點選事件:
<
label
class
="checked-label"
>
<
input
type
="radio"
name
="pay-type"
>
label
>
$('.label').click(function());
【原因】:在使用者選擇label標籤是,瀏覽器就會自動把焦點轉到和標籤相關的表單控制項上。so,在label繫結click事件,它會傳遞給input標籤再次執行一次click事件。
所以,把click事件繫結在input控制項上,就沒事了。
踩坑 點選事件出現兩次,事件委託
1 html 虎兒歌 虎兒歌 function aaa 3 效果 可以看到點選後方法執行兩次 測試辦法,檢查事件物件的源觸發 4 html 虎兒歌 虎兒歌5 js var c document.getelementsbyclassname name for var i 0 i6.結果 可以看到兩次的...
關於label的點選事件 原創
通常做網頁時不會用radio和checkbox的原有樣式,通常會進行樣式美化,手機端我用的jqurey weui框架,他的原理是這樣的 label class check label for sort 4 input type radio class weui check name sort id ...
vue迴圈裡新增點選事件,方法執行來兩次
html裡巢狀了兩層迴圈,在處理核取方塊時,上面的多選生效,單選方法會執行兩次,導致方法不好使 這是js裡的方法,也是上面html裡的兩個方法,我在嘗試列印console時發現執行了兩次,當時不知道因為啥就加了乙個計時器 到此為止我的問題也沒有解決,我就在想會不會是時間冒泡或者是事件委託的問題,我就...