开启辅助访问
帐号登录 |立即注册

如何利用JS的事件冒泡行为,实现事件委托

 
<ul>
<li>知否知否,点我应有弹框在手! </li>
<li>知否知否,点我应有弹框在手! </li>
<li>知否知否,点我应有弹框在手! </li>
<li>知否知否,点我应有弹框在手! </li>
<li>知否知否,点我应有弹框在手! </li>
</u>
<script>
//事件委托的核心原理:给父节点添加侦听器, 利用事件冒泡影响每一个子节点
var ul = document . querySelector('ul' );
ul. addEventListener('click', function(e) {
e.target . sty]e . backgroundColor = ' pink';
})//使用事件对象e的target属性获得点击的对象。
</script>

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。