浅谈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 相关文章推荐
js实现iframe动态调整高度的代码
Jan 06 Javascript
Javascript 继承机制的实现
Aug 12 Javascript
LazyLoad 延迟加载(按需加载)
May 31 Javascript
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
DOM 高级编程
May 06 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
jquery form表单获取内容以及绑定数据
Feb 24 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
js实现简易聊天对话框
Aug 17 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
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 中的输出缓冲
2006/12/21 PHP
php数据类型判断函数有哪些
2013/09/23 PHP
PHP防止post重复提交数据的简单例子
2014/06/07 PHP
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
JS 显示当前日期与时间的代码
2010/03/24 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
对Python中plt的画图函数详解
2018/11/07 Python
Win10里python3创建虚拟环境的步骤
2020/01/31 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Python迭代器协议及for循环工作机制详解
2020/07/14 Python
CSS3 @font-face属性使用指南
2014/12/12 HTML / CSS
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
英语文学专业学生的自我评价
2013/10/31 职场文书
党章学习思想汇报
2014/01/14 职场文书
社区文化建设方案
2014/05/02 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
导游词400字
2015/02/13 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
2015年计生工作总结范文
2015/04/24 职场文书
教师思想工作总结2015
2015/05/13 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
2016新年晚会开场白
2015/12/03 职场文书
2016党校学习心得体会
2016/01/07 职场文书