浅谈js停止事件冒泡阻止浏览器的默认行为(阻止超连接 #)

更新时间：2017年02月08日 08:54:15 投稿：jingxian

下面小编就为大家带来一篇浅谈js停止事件冒泡阻止浏览器的默认行为(阻止超连接 #)。

在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。

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停止事件冒泡阻止浏览器的默认行为(阻止超连接 #)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

JS实现图片预加载无需等待
网站开发时经常需要在某个页面需要实现对大量图片的浏览;用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片
2012-12-12
uniapp web-view组件双向通信的问题记录
本文主要介绍在uniapp中页面与webview组件内页面的双向通信问题,本文通过图文实例代码相结合给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
2024-07-07
javascript设计模式 – 简单工厂模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 简单工厂模式,结合实例形式分析了javascript简单工厂模式基本概念、原理、定义、应用场景及操作注意事项,需要的朋友可以参考下
2020-04-04
js设置控件的隐藏与显示的两种方法
js设置控件的隐藏与显示，设置控件style的display和visibility属性就可以了，下面有个示例，需要的朋友可以参考下
2014-08-08
使用JS轻松实现ionic调用键盘搜索功能(超实用)
这篇文章主要介绍了使用JS轻松实现ionic调用键盘搜索功能(超实用)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-09-09
JS中let的基本用法举例
ES6新增了let命令,用来声明变量,它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,下面这篇文章主要给大家介绍了关于JS中let的基本用法,需要的朋友可以参考下
2023-01-01
JavaScript事件委托技术实例分析
这篇文章主要介绍了JavaScript事件委托技术,实例分析了事件委托技术的原理、适用场合及用法实例,需要的朋友可以参考下
2015-02-02
javascript利用初始化数据装配模版的实现代码
实现一个通用方法，使用初始化数据来装配模版。需要的朋友可以参考下。
2010-11-11
详细聊聊浏览器是如何看闭包的
闭包实质上是函数作用域的副产物,下面这篇文章主要给大家介绍了关于浏览器是如何看闭包的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
2021-11-11
js 图片转base64的方式(两种)
这篇文章主要介绍了js 图片转base64的方式(两种),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04