原文:Label標簽 自動觸發onclick,點擊內部的Input

最近項目遇到了一個bug,點擊外層元素會直接觸發元素內部的input框。 外層元素用的是label包裹的 。找了很久才發現是label標簽造成的。 label定義和用法:label 標簽為 input 元素定義標注 標記 。label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦 ...

2018-09-19 09:13 0 1182 推薦指數:

查看詳情

點擊label自動觸發onclick動作,點擊它對應的input

要做一個點擊radio,觸發相應事件的js。 可是radio的點擊面積太小,為了擴大它的點擊面積,給它外層套了個label。 發現問題了? 怎么點label的區域都選中不了radio,只有label里面有文字了,點擊才行. 解決辦法: 給label加個透明的背景圖,上面的問題就可以解決 ...

Sun Apr 01 18:56:00 CST 2012 0 4697
label標簽內含有input元素,點擊事件會觸發兩次

**label標簽內含有input元素,點擊事件會觸發兩次**   如果你的結構是label內寫input實現點擊文字時候input也有相應。並且,把事件設置在了label上,那么就會執行兩次了。 解決方法: ...

Fri Mar 22 01:46:00 CST 2019 0 730
前端點擊事件---a標簽點擊觸發以及自動觸發

關注可了解更多的教程及排版技巧。問題或建議,請底部評論;[如果你覺得對你有幫助,歡迎評論 前端點擊事件之 < a>標簽點擊觸發以及自動觸發的問題 a標簽點擊事件,直接給a標簽設置id,進而對a進行點擊即可; a標簽的"自動點擊" 事件,需要 ...

Wed May 22 17:54:00 CST 2019 0 8004
label標簽label標簽input標簽關聯

label標簽表示用戶界面中某個元素的說明 label標簽input元素關聯主要主要額有點 標簽文本不僅與其相關的文本輸入元素的視角上相關聯,當用戶聚焦到這個表單輸入元素時,屏幕閱讀器可以讀出標簽,可以讓用戶知道要輸入的時什么數據 可以點擊關聯的標簽來聚焦或者激活這個輸入元素,就像 ...

Sat Apr 09 20:38:00 CST 2022 0 625
onclick綁定點擊事件不觸發

在DOM上給元素綁定一個onclick事件,事件方法為click,為什么觸發不了點擊事件? 詳細教程:http://github.crmeb.net/u/defu ...

Fri Apr 09 22:13:00 CST 2021 0 543
input標簽label標簽的“合作關系”

label的for屬性和input的id值一致的話,inputlabel就會組成一個組。例如: 點擊label的區域同樣會觸發input的選中效果。利用這一特性,然后結合偽元素可以自定義單選框和單選按鈕。 ...

Tue Apr 11 21:52:00 CST 2017 0 2558
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM