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

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, 这是事件冒泡的好处

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

0173 事件委托:原理作用

先看看解析,事件委托:也称事件代理 就是利用冒泡的原理 把加事件加到父级上,触发执行效果

js事件流之事件冒泡的应用----事件委托

JavaScript / JQuery事件委托如何实现?

关于事件委托和时间冒泡(以及apply和call的事项)

JavaScript事件委托原理及Jquery中的事件委托