點選label出發兩次點選事件

2022-07-10 12:48:13 字數 407 閱讀 2168

我把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時發現執行了兩次,當時不知道因為啥就加了乙個計時器 到此為止我的問題也沒有解決,我就在想會不會是時間冒泡或者是事件委託的問題,我就...