label包裹著input,給label加點擊事件會響應(yīng)兩次<!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title></head><body> <label for="innerIpt1"> <input id="innerIpt1" type="checkbox"/>label1</label><input id="innerIpt2" type="checkbox"/><label for="innerIpt2" id="label2">label2</label><script> var label1 = document.querySelector("label");var label2 = document.querySelector("#label2");var input1 = document.querySelector("#innerIpt1");var input2 = document.querySelector("#innerIpt2");label1.addEventListener("click", function() { console.log("label1");}, false);input1.addEventListener("click", function(e) { // e.stopPropagation() console.log("input1");}, false);label2.addEventListener("click", function() { console.log("label2");}, false);input2.addEventListener("click", function(e) { e.stopPropagation() console.log("input2");}, false); </script></body></html>點擊label1的時候，console輸出:label1 input1lable1
label包裹著input,給label加點擊事件會響應(yīng)兩次
UYOU
2018-09-11 13:10:44
