事件委托
利用事件的冒泡传播,将绑定在子元素身上的事件处理,绑定在父元素身上
<body>
<div id="out">
<div id="inner"></div>
</div>
</div>
<script>
window.onload = function() {
// 事件委托:利用事件的冒泡传播,将绑定在子元素身上的事件处理,绑定在父元素身上
/*
*/
var out = document.getElementById('out')
var inner = document.getElementById('inner')
out.onclick = (e) => {
e = e || window.event
if(e.target === inner) {
console.log('inner');
e.target.innerText = '子元素inner委托父元素out执行点击触发函数'
}
}
}
</script>
</body>