时间:2021-05-18
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。
1..停止事件冒泡
JavaScript代码
//如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else//否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;return false;2.阻止浏览器的默认行为
JavaScript代码
//如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.preventDefault ) //阻止默认浏览器动作(W3C) e.preventDefault(); else//IE中阻止函数器默认动作的方式 window.event.returnValue = false; return false;以上这篇浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
js阻止浏览器默认行为触发的通用方法(推荐)//阻止浏览器默认行为触发的通用方法functionstopDefault(e){//防止浏览器默认行为(W3C)i
1.阻止事件冒泡,使成为捕获型事件触发机制.functionstopBubble(e){//如果提供了事件对象,则这是一个非IE浏览器if(e&&e.stopP
阻止事件冒泡行为,要是不阻止的话,点击div的时候也会同时触发body事件html代码clickthiscss代码div{width:200px;height:
有些时候可以使用e.stopPropagation();e.preventDefault();来阻止事件冒泡,和默认事件的执行。但不能阻止事件的追加。什么情况下
阻止冒泡:1、stopPropagation()对于非IE浏览器。2、cancelBubble属性为true,对于IE浏览器,而Jquery已经有兼容浏览器的方