当前位置：网站首页>事件委托的使用与说明》

事件委托的使用与说明》

2022-06-30 09:35:00 【zimingyo】

事件委托

总结

优点：给父级元素加事件（可以提高性能）
原理：事件委托其实是利用事件冒泡的特点，给父级元素添加事件，子元素可以触发
实现：事件对象.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>