美文网首页
[JS]label点击事件触发两次

[JS]label点击事件触发两次

作者: 泉落云生 | 来源:发表于2018-07-19 11:55 被阅读17次

reason:

  1. 点击label的时候,事件冒泡一次,同时会触发关联的input的click事件,导致事件再次冒泡。
  2. <label><input type="radio" name="sex" value="1">男</label>

解决方法:

  1. 如果指向input的时候直接return
function click(e){
  if ($(e.target).is("input")){
       return;
  }
}

2.同时也可以改变DOM结构<label for="id"></label>进行修改

相关文章

网友评论

      本文标题:[JS]label点击事件触发两次

      本文链接:https://www.haomeiwen.com/subject/lyttmftx.html