前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js 停止事件冒泡 阻止浏览器的默认行为(阻止a标签跳转 )

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

作者头像
yaphetsfang
发布2020-07-30 14:24:13
5.8K0
发布2020-07-30 14:24:13
举报
文章被收录于专栏:yaphetsfangyaphetsfang

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

停止事件冒泡

JavaScript代码

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

阻止浏览器的默认行为

JavaScript代码

代码语言: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;
                            }    
                    });
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-04-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 停止事件冒泡
  • 阻止浏览器的默认行为
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档