浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)


Posted in Javascript onFebruary 08, 2017

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

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停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
js调用activeX获取u盘序列号的代码
Nov 21 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
layui 上传图片 返回图片地址的方法
Sep 26 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
Move.js入门
Feb 08 #Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 #Javascript
详解Javascript百度地图接口开发文档中的类和方法
Feb 07 #Javascript
简单实现bootstrap导航效果
Feb 07 #Javascript
vue.js实现请求数据的方法示例
Feb 07 #Javascript
Avalonjs 实现简单购物车功能(实例代码)
Feb 07 #Javascript
深入理解JavaScript中的尾调用(Tail Call)
Feb 07 #Javascript
You might like
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
destoon实现调用热门关键字的方法
2014/07/15 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
thinkPHP多表查询及分页功能实现方法示例
2017/07/03 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
php探针不显示内存解决方法
2019/09/17 PHP
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
node.js中的fs.fstatSync方法使用说明
2014/12/15 Javascript
javascript实现的多个层切换效果通用函数实例
2015/07/06 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
原生js实现轮播图
2017/02/27 Javascript
vuejs 单文件组件.vue 文件的使用
2017/07/28 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
2019/04/26 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
2020/08/14 Javascript
[00:37]DOTA2上海特级锦标赛 Secert 战队宣传片
2016/03/03 DOTA
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
将pandas.dataframe的数据写入到文件中的方法
2018/12/07 Python
python rolling regression. 使用 Python 实现滚动回归操作
2020/06/08 Python
PyCharm 2020.2 安装详细教程
2020/09/25 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
美国智能家居专家:tink
2019/06/04 全球购物
测绘工程个人的自我评价
2013/11/10 职场文书
女儿十岁生日答谢词
2014/01/27 职场文书
超市七夕促销活动方案
2014/08/28 职场文书
检讨书范文2000字
2015/01/28 职场文书