事件委托
总结
- 优点：给父级元素加事件（可以提高性能）
- 原理：事件委托其实是利用事件冒泡的特点，给父级元素添加事件，子元素可以触发
- 实现：事件对象.target可以获得正真触发事件元素
<body>
<ui>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
</ui>
<script>
let ul=document.queryselect('ul')
ul.addEventListener('click',function(e){
console.log(e)//获取Ul下的所有事件对象
console.log(e.target)//获得当前点击得li元素
console.log(e.target.style.color='red')//点击当前的li，使li的颜色变为红色
})
</script>
</body>
获取某个标签（例链接）
tbody.addEventListener('click', function (e) {
if (e.target.tagName === 'A') {
}
})
扫一扫
1630
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
