1.为动态添加的元素添加事件时，直接给元素添加事件，由于找不到动态添加的元素而报错；
解决：使用事件委托的方式，给其父元素添加事件，前提父元素不是动态添加的；
$("#table tbody").on("click",".child",function(){
//做一些操作
})
2.事件委托时阻止事件冒泡有可能失效
原因：on方法的元素操作的是父元素（$("#table tbody")），而非.child子元素，所以事件执行的时候依然会冒泡到tbody元素，tr上如果添加了点击事件也会执行
解决方案：再包一层父元素，找到没有添加事件的元素来进行事件委托,如$("#table tbody tr td")）
阻止默认事件： 事件委托： 阻止事件冒泡：
1.为动态添加的元素添加事件时，直接给元素添加事件，由于找不到动态添加的元素而报错； 解决：使用事件委托的方式，给...
addEventListener 事件委托 阻止事件冒泡
阻止事件默认行为（事件委托）e.preventDefault();阻止事件冒泡e.stopPropagation(...
delegate(), undelegate() 事件委托把点击事件加到了ul身上, 利用冒泡原理 阻止事件委托 ...
bindtap 冒泡事件，事件绑定不会阻止冒泡事件向上冒泡catchtap 非冒泡事件， 事件绑定阻止冒泡事件...
------------------事件委托----------------- 事件: 事件委托: 原理: 冒泡 ...
事件委托 正确写法 常见错误写法 bug 在于，如果用户点击的是 li 里面的 span，就没法触发 fn，这显然...
//事件冒泡 $(function () { $('.grandfather').click(function...
1、bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。https://deve...
本文标题：事件委托on()里面阻止事件冒泡
本文链接：https://www.haomeiwen.com/subject/rbtrzftx.html
网友评论