事件委托(利用事件冒泡)
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, 这是事件冒泡的好处
以上是关于事件委托(利用事件冒泡)的主要内容,如果未能解决你的问题,请参考以下文章