码迷,mamicode.com
首页 > 其他好文 > 详细

事件委托(利用事件冒泡)

时间:2019-09-07 13:02:51      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:target   事件委托   处理   color   事件冒泡   tar   执行   info   col   

技术图片

1,事件委托原理:给父节点添加侦听器,利用事件冒泡影响每一个字节点

  点击任意一个li,都能弹出警示框,:给ul 绑定事件,点击任意一个li 时,li不注册事件,而是向上冒泡委托给ul 响应事件,那么ul 下面的每一个li 都会执行事件处理程序

ul.addEventListener(click,function(event){
  alert("1");
 event.target.style.backgroundColor="red";
})

2, 这是事件冒泡的好处

事件委托(利用事件冒泡)

标签:target   事件委托   处理   color   事件冒泡   tar   执行   info   col   

原文地址:https://www.cnblogs.com/shanlu0000/p/11479987.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!