label標簽包裹input標簽,點擊label時,label兩次響應,即label本身觸發(fā)和input觸發(fā)后冒泡到label上。
<label>Click me <input type="text"></label>
<script>
document.querySelector('label').addEventListener('click',function () {
console.log(1)
})
document.querySelector('input').addEventListener('click',function () {
console.log(2)
})
</script>
打印結果:
1 2 1