浅谈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中的数组的sort方法使用示例
Jan 22 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
Jan 24 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
PageSwitch插件实现100种不同图片切换效果
Jul 28 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
最常见的左侧分类菜单栏jQuery实现代码
Nov 28 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
JS编写兼容IE6,7,8浏览器无缝自动轮播
Oct 12 Javascript
vue2.0结合Element-ui实战案例
Mar 06 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 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 adodb介绍
2009/03/19 PHP
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
php实现的Timer页面运行时间监测类
2014/09/24 PHP
php之readdir函数用法实例
2014/11/13 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
php的4种常用运行方式详解
2016/12/22 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
laravel ORM关联关系中的 with和whereHas用法
2019/10/16 PHP
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
Jquery中"$(document).ready(function(){ })"函数的使用详解
2013/12/30 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
谈谈jQuery之Deferred源码剖析
2016/12/19 Javascript
JS作用域深度解析
2016/12/29 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
详解javascript void(0)
2020/07/13 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
python 读入多行数据的实例
2018/04/19 Python
解决Python中定时任务线程无法自动退出的问题
2019/02/18 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
python 实现识别图片上的数字
2019/07/30 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
GC是什么?为什么要有GC?
2013/12/08 面试题
六一儿童节活动策划方案
2014/01/27 职场文书
工程开工庆典邀请函
2014/02/01 职场文书
老同学聚会感言
2014/02/23 职场文书
老龄工作先进事迹
2014/08/15 职场文书
女生抽烟检讨书
2014/10/05 职场文书