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

Posted shanlu0000

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了事件委托(利用事件冒泡)相关的知识,希望对你有一定的参考价值。

技术图片

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

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

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

2, 这是事件冒泡的好处

以上是关于事件委托(利用事件冒泡)的主要内容,如果未能解决你的问题,请参考以下文章