浅谈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下jstree简单应用 - v1.0
Apr 14 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
Sep 10 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
微信小程序实现多选删除列表数据功能示例
Jan 15 Javascript
今天,小程序正式支持 SVG
Apr 20 Javascript
js动态生成表格(节点操作)
Jan 12 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
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
javascript 自动填写表单的实现方法
2010/04/09 Javascript
js自定义事件代码说明
2011/01/31 Javascript
向左滚动文字 js代码效果
2013/08/17 Javascript
jQuery中delegate()方法用法实例
2015/01/19 Javascript
不想让浏览器运行javascript脚本的方法
2015/11/20 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
2020/11/30 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
Angular.js实现动态加载组件详解
2017/05/28 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
2020/03/07 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
2020/12/04 Javascript
Python获取脚本所在目录的正确方法
2014/04/15 Python
编程语言Python的发展史
2014/09/26 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
Python自定义一个异常类的方法
2019/06/27 Python
非常详细的C#面试题集
2016/07/13 面试题
电子商务专业自我鉴定
2013/12/18 职场文书
计算机专业优秀大学生自我总结
2014/01/21 职场文书
汽车维修工岗位职责
2014/02/12 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
优秀管理者事迹材料
2014/05/22 职场文书
社区党建工作方案
2014/06/10 职场文书
建筑结构施工求职信
2014/07/11 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
六一儿童节新闻稿
2015/07/17 职场文书
MySql 缓存查询原理与缓存监控和索引监控介绍
2021/07/02 MySQL