相关疑难解决方法(0)

为什么输入中的标签会触发单击事件

如果我有一个input内部a label,为什么句子中的每个单词都会触发click事件?

这是一个jsFiddle的例子.无论您在第一句中单击哪个单词,都会触发该事件.

我添加了一些CSS,input所以你可以看到无论你在鼠标悬停在第一个标签的哪个位置,就像你在输入上盘旋一样.我还添加了第二个标签,其中使用了一个a标签,label该标签input可以正常工作(当你点击标签中的单词时,点击事件不会触发).

<label>Click <input type="submit" value="here" /> to go somewhere.</label>
<label>Click <a href="#">here</a> to go somewhere else.</label>

$('input, a').click(function() {
    alert('Clicked');
});
Run Code Online (Sandbox Code Playgroud)

我的两个问题是:

  1. 有没有办法在不触发click事件的方式中使用input内部a ?labellabel
  2. 在我的例子中,为什么click事件会触发句子中的每个单词?

html jquery

8
推荐指数
1
解决办法
4580
查看次数

标签 统计

html ×1

jquery ×1