浅谈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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
详解Angular 4 表单快速入门
Jun 05 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
Aug 29 Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 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多个文件及图片上传实例详解
2014/11/10 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
Jquery常用技巧收集整理篇
2010/11/14 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
js和jquery如何获取图片真实的宽度和高度
2014/09/28 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
Vue列表页渲染优化详解
2017/07/24 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
原生js实现自定义消息提示框
2020/11/19 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
[01:05:07]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第一场2月1日
2021/03/11 DOTA
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
Python连接SQLServer2000的方法详解
2017/04/19 Python
Python输出各行命令详解
2018/02/01 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
Python对excel文档的操作方法详解
2018/12/10 Python
python判断无向图环是否存在的示例
2019/11/22 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
2012/12/28 HTML / CSS
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
幼儿园家长评语大全
2014/04/16 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
2015年财政所工作总结
2015/04/25 职场文书
python xlwt模块的使用解析
2021/04/13 Python
python 算法题——快乐数的多种解法
2021/05/27 Python