首页 > Web开发 > 详细

js 停止事件冒泡 阻止浏览器的默认行为(阻止a标签跳转 )

时间:2019-04-18 10:09:00      阅读:142      评论:0      收藏:0      [点我收藏+]

 

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。

停止事件冒泡

JavaScript代码

//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
//因此它支持W3C的stopPropagation()方法
e.stopPropagation(); 
else
//否则,我们需要使用IE的方式来取消事件冒泡 
window.event.cancelBubble = true;
return false;

阻止浏览器的默认行为

JavaScript代码

          //编辑文章时阻止a标签跳转
                $("#final_content").find("a").click(function(e){
                    //如果提供了事件对象,则这是一个非IE浏览器 
                        if ( e && e.preventDefault ) {
                                    //阻止默认浏览器动作(W3C) 
                                    e.preventDefault(); 
                            }else{
                                //IE中阻止函数器默认动作的方式 
                                window.event.returnValue = false; 
                                return false;
                            }    
                    });

 

js 停止事件冒泡 阻止浏览器的默认行为(阻止a标签跳转 )

原文:https://www.cnblogs.com/yaphetsfang/p/10695443.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!