美文网首页工作生活
点击label时click事件被触发两次问题

点击label时click事件被触发两次问题

作者: Sun____ | 来源:发表于2019-07-03 16:14 被阅读0次

击label的时候,事件冒泡一次,同时会触发关联的input的click事件,导致事件再次冒泡;
解决办法:

document.getElementById("labelId").onclick = function (e) {
     var ev = e || window.event;
     var elm = ev.target || ev.srcElement;
     if (elm.tagName.toLowerCase() === 'label') { return; }
}

相关文章

网友评论

    本文标题:点击label时click事件被触发两次问题

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