问

javascript - label包裹着input,给label加点击事件会响应两次

顺辉1988 发布于 2022-11-17 19:39

label包裹着input,给label加点击事件会响应两次




    
    Document


    
 label1



label2

点击label1的时候，console输出:

label1
input1
lable1

7 个回答

貌似不单单是label,p也是会的

2022-11-17 19:54 回答

皮皮美2_160
为什么要用label包裹input？个人感觉画蛇添足了

2022-11-17 19:54 回答

kingseao
你把 false改成true就可以了，这有关系到时间的捕获和冒泡

2022-11-17 19:54 回答

出典mosha
我觉得是这样的 label 标签与 input 相关联，点击 label 就相当于点击了 input 标签。
然后流程是这样的
1.点击 label 执行本身的事件输出 label1
2.因为点击 label 就相当于点击了 input 标签，所以执行 input 上的事件输出 input1
3.因为 label 包含了 input，所以事件向上冒泡执行 label事件输出 label1。

2022-11-17 19:54 回答

赖-哥_528
代码贴出来看看，

2022-11-17 19:54 回答

周同学天天爬十楼7634
今天也碰到这个问题了，联想到label与其绑定元素的关系，就猜测当点击label时，浏览器会自动给被绑定元素也执行点击事件的行为，试了下用e.preventDefault()，发现果然阻止了这个默认行为。事件也就只被执行一次了

2022-11-17 19:54 回答

mobiledu2502889415
没必要用label包含input啊，label的for属性就是为了指定label是为谁说明的

2022-11-17 19:54 回答

她的马尔代夫

撰写答案

今天，你开发时遇到什么问题呢？

热门标签