首页 > 其他 > 详细

事件委托

时间:2019-09-09 00:44:35      阅读:86      评论:0      收藏:0      [点我收藏+]

事件委托是把元素事件绑定在其父元素上面代为执行,从而减少页面上的绑定次数,从而提高页面性能;

<body>
<ul id="color-list">
<li>red</li>
<li>yellow</li>
<li>blue</li>
<li>green</li>
<li>black</li>
<li>white</li>
</ul>
<script>
let colorList = document.getElementById("color-list");
colorList.addEventListener("click", function (event) {
if (event.target.nodeName === ‘LI‘) {
alert(‘你点击的是li‘);
}
})
</script>
</body>

事件委托

原文:https://www.cnblogs.com/lee1-w/p/11489239.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!