浅谈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的onchange事件与jQuery的change()方法比较
Sep 28 Javascript
Jquery带搜索框的下拉菜单
May 06 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
微信小程序返回多级页面的实现方法
Oct 27 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
react-native封装插件swiper的使用方法
Mar 20 Javascript
vue+ESLint 配置保存 自动格式化代码
Mar 17 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 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
多重?l件?合查?(一)
2006/10/09 PHP
定制404错误页面,并发信给管理员的程序
2006/10/09 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
PHP实现的带超时功能get_headers函数
2015/02/10 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
JS 显示当前日期与时间的代码
2010/03/24 Javascript
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
Node.js静态文件服务器改进版
2016/01/10 Javascript
JavaScript中的this引用(推荐)
2016/08/05 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
[01:18]DOTA2超级联赛专访hanci ForLove淘汰感言曝光
2013/06/04 DOTA
http请求 request失败自动重新尝试代码示例
2018/01/25 Python
Python 支持向量机分类器的实现
2020/01/15 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
远东集团网络工程师面试题
2014/10/20 面试题
初任培训自我鉴定
2013/10/07 职场文书
金融专业应届生求职信
2013/11/02 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
五年级下册复习计划
2015/01/19 职场文书
个性发展自我评价2015
2015/03/09 职场文书
队名及霸气口号大全
2015/12/25 职场文书
高中数学教学反思范文
2016/02/18 职场文书
详解解Django 多对多表关系的三种创建方式
2021/08/23 Python
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python