浅谈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 相关文章推荐
实现JavaScript中继承的三种方式
Oct 16 Javascript
js 复制或插入Html的实现方法小结
May 19 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
layui实现checkbox的目录树tree的例子
Sep 12 Javascript
vue 解决数组赋值无法渲染在页面的问题
Oct 28 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 Javascript
关于JavaScript回调函数的深入理解
Jun 27 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.MVC的模板标签系统(三)
2006/09/05 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
php xml实例 留言本
2009/03/20 PHP
PHP 循环列出目录内容的函数代码
2010/05/26 PHP
基于php设计模式中单例模式的应用分析
2013/05/15 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
解决laravel-admin 自己新建页面里 js 需要刷新一次的问题
2019/10/03 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
javascript编程起步(第一课)
2007/01/10 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
2017/04/11 Javascript
vue 项目如何引入微信sdk接口的方法
2017/12/18 Javascript
如何阻止移动端浏览器点击图片浏览
2020/08/29 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
使用python读取.text文件特定行的数据方法
2019/01/28 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
Python之时间和日期使用小结
2019/02/14 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Python使用扩展库pywin32实现批量文档打印实例
2020/04/09 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
python中entry用法讲解
2020/12/04 Python
python re模块常见用法例举
2021/03/01 Python
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
出纳岗位职责
2013/11/09 职场文书
大型演出策划方案
2014/05/28 职场文书
2015毕业寄语大全
2015/02/26 职场文书
2015年实习单位评语
2015/03/25 职场文书
2015年导购员工作总结
2015/04/25 职场文书
php实例化对象的实例方法
2021/11/17 PHP