label标签包裹input标签,点击label时,label两次响应,即label本身触发和input触发后冒泡到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