阻止事件冒泡
2018-01-23 18:18
190 查看
事件的冒泡(Bubble)
- 所谓的冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发
- 在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡
取消冒泡,可以将事件对象的cancelBubble设置为true,即可取消冒泡:
obj.onclick = function(event){
event = event || window.event; //兼容问题
alert("我是span的单击响应函数");
event.cancelBubble = true;
};
jQuery阻止事件冒泡:
return false;
或
event.stopPropagation();
- 所谓的冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发
- 在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡
取消冒泡,可以将事件对象的cancelBubble设置为true,即可取消冒泡:
obj.onclick = function(event){
event = event || window.event; //兼容问题
alert("我是span的单击响应函数");
event.cancelBubble = true;
};
jQuery阻止事件冒泡:
return false;
或
event.stopPropagation();
相关文章推荐
- 明知道事件冒泡了,想阻止时,又苦于得不到事件句柄时。。
- 绑定事件、阻止默认事件、阻止冒泡
- jQuery阻止冒泡事件的几种方法
- 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
- JQuery中阻止事件冒泡方式及其区别
- JS阻止事件冒泡
- JavaScript停止冒泡事件和阻止默认事件
- 阻止事件冒泡
- 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
- js 事件委托 阻止事件冒泡---
- 阻止jQuery事件冒泡
- HTML如何阻止事件冒泡
- angularjs 1.x 阻止事件冒泡
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载
- js阻止冒泡事件小案例
- js中阻止事件冒泡
- 阻止事件冒泡
- jQuery阻止事件冒泡
- js之事件冒泡和事件捕获及其阻止详细介绍
- 阻止事件冒泡event.stopPropagation()