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

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

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

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

2, 这是事件冒泡的好处

posted @ 2019-09-07 12:09  shanlu  阅读(565)  评论(0编辑  收藏  举报