浅谈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 操作XML入门
Dec 25 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
angularjs基础教程
Dec 25 Javascript
jquery插件Jplayer使用方法简析
Apr 22 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
关于自定义Egg.js的请求级别日志详解
Dec 12 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
Jun 23 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 Vue.js
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
phpinfo 系统查看参数函数代码
2009/06/05 PHP
php 验证码实例代码
2010/06/01 PHP
php懒人函数 自动添加数据
2011/06/28 PHP
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
DEDE实现转跳属性文档在模板上调用出转跳地址
2016/11/04 PHP
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
js的[defer]和[async]属性
2014/11/24 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
详解JavaScript中的六种错误类型
2017/09/21 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
JS数组求和的常用方法实例小结
2019/01/07 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
微信小程序实现蒙版弹出窗功能
2019/09/17 Javascript
js基础之事件捕获与冒泡原理
2019/10/09 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
2019/12/17 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
2020/11/05 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
Python下的twisted框架入门指引
2015/04/15 Python
用Python实现换行符转换的脚本的教程
2015/04/16 Python
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
python更改已存在excel文件的方法
2018/05/03 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
python学习开发mock接口
2019/04/28 Python
详解Django配置优化方法
2019/11/18 Python
python如何删除文件、目录
2020/06/23 Python
python如何实时获取tcpdump输出
2020/09/16 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
西班牙电子产品购物网站:Electronicamente
2018/07/26 全球购物
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
化工工艺设计求职信
2014/06/25 职场文书
2015年学校减负工作总结
2015/05/19 职场文书
干部外出学习心得体会
2016/01/18 职场文书
2019年大学推荐信
2019/06/24 职场文书