事件委托
2019-11-04 本文已影响0人
王远清orz
<body>
<ul id="ul">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
</ul>
<script>
var ul = my$('ul');
ul.addEventListener('click',function (e) {
// e 是事件参数（事件对象）；当事件发生是，可以获取到一些和事件相关的数据
// e.target 目标元素
console.log(e.target);
// 遍历所有的li元素
for (var i = 0;i<ul.children.length;i++){
ul.children[i].style.backgroundColor = '';
}
e.target.style.backgroundColor = 'red';
})
</script>
</body>
