浅谈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的public、private和privileged模式
Dec 28 Javascript
28个JS验证函数收集
Mar 02 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
May 07 Javascript
jQuery随便控制任意div隐藏的方法
Jun 28 Javascript
JSON传递bool类型数据的处理方式介绍
Sep 18 Javascript
AngularJS在IE8的不支持的解决方法
May 13 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
Nov 25 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
vue+elementUI中表格高亮或字体颜色改变操作
Nov 02 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
ajax缓存问题解决途径
2006/12/06 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
2006/12/23 Javascript
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
php is_numberic函数造成的SQL注入漏洞
2014/03/10 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
基于编写jQuery的无缝滚动插件
2014/08/02 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
2015/12/01 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
Vue中计算属性computed的示例解读
2017/07/26 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
javascript高级模块化require.js的具体使用方法
2017/10/31 Javascript
React/Redux应用使用Async/Await的方法
2017/11/16 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
Python中用Decorator来简化元编程的教程
2015/04/13 Python
Python的迭代器和生成器
2015/07/29 Python
Python金融数据可视化汇总
2017/11/17 Python
神经网络理论基础及Python实现详解
2017/12/15 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
python小程序基于Jupyter实现天气查询的方法
2020/03/27 Python
物流管理专业应届生求职信
2013/11/21 职场文书
幼儿园开学家长寄语
2014/01/19 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
Nginx域名转发https访问的实现
2021/03/31 Servers
vue 自定义组件添加原生事件
2022/04/21 Vue.js