美文网首页
[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