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

2018-07-19  本文已影响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>进行修改

上一篇 下一篇

猜你喜欢

热点阅读