事件委托
总结
- 优点:给父级元素加事件(可以提高性能)
- 原理:事件委托其实是利用事件冒泡的特点,给父级元素添加事件,子元素可以触发
- 实现:事件对象.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') {
}
})