事件委托
作者:
王远清orz | 来源:发表于
2019-11-04 10:28 被阅读0次<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>
本文标题:事件委托
本文链接:https://www.haomeiwen.com/subject/rdvrbctx.html
网友评论