浅谈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()方法的用法
Nov 04 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
简单说说angular.json文件的使用
Oct 29 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
Vue接口封装的完整步骤记录
May 14 Vue.js
vue使用watch监听属性变化
Apr 30 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
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
利用php抓取蜘蛛爬虫痕迹的示例代码
2016/09/30 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
JavaScript cookie的设置获取删除详解
2014/02/11 Javascript
js 操作符汇总
2014/11/08 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
javascript实现无法关闭的弹框
2016/11/27 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
2017/11/09 jQuery
React props和state属性的具体使用方法
2018/04/12 Javascript
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
老生常谈Python基础之字符编码
2017/06/14 Python
Python 修改列表中的元素方法
2018/06/26 Python
对Python中plt的画图函数详解
2018/11/07 Python
python 图像平移和旋转的实例
2019/01/10 Python
CentOS6.9 Python环境配置(python2.7、pip、virtualenv)
2019/05/06 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
Python 创建TCP服务器的方法
2020/07/28 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
struct与class的区别
2014/02/03 面试题
护士个人简历自荐信
2013/10/18 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
Python中异常处理用法
2021/11/27 Python