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

相关文章

  • JavaScript中String.prototype用法实例

    JavaScript中String.prototype用法实例

    这篇文章主要介绍了JavaScript中String.prototype用法,实例分析了prototype的功能及使用技巧,需要的朋友可以参考下
    2015-05-05
  • 一些常用弹出窗口/拖放/异步文件上传等实用代码

    一些常用弹出窗口/拖放/异步文件上传等实用代码

    今天写一点工作中遇到的东西【弹出窗口】【拖放】【异步文件上传】,大家共同学习,共同进步
    2013-01-01
  • jquery form表单获取内容以及绑定数据

    jquery form表单获取内容以及绑定数据

    这篇文章主要介绍了jquery form表单获取内容以及form表单绑定数据,获取表单的数据保存到数据库,或者将数据绑定到form表单,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 不同js异步函数同步的实现方法

    不同js异步函数同步的实现方法

    下面小编就为大家带来一篇不同js异步函数同步的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • javascript中不易分清的slice,splice和split三个函数

    javascript中不易分清的slice,splice和split三个函数

    这篇文章主要为大家详细介绍了javascript中不易分清的slice,splice和split三个函数,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JavaScript判断当前时间是在某个时间点之前/之后

    JavaScript判断当前时间是在某个时间点之前/之后

    本文主要介绍了JavaScript判断当前时间是在某个时间点之前/之后,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • 如何利用Web Speech API之speechSynthesis实现文字转语音功能

    如何利用Web Speech API之speechSynthesis实现文字转语音功能

    Web Speech API使你能够将语音数据合并到Web应用程序中,SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音,这篇文章主要介绍了利用Web Speech API之speechSynthesis实现文字转语音功能,需要的朋友可以参考下
    2024-06-06
  • Nest.js快速启动API项目过程详解

    Nest.js快速启动API项目过程详解

    这篇文章主要为大家介绍了Nest.js快速启动API项目过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • JavaScript 中如何实现并发控制

    JavaScript 中如何实现并发控制

    在日常开发过程中,你可能会遇到并发控制的场景,比如控制请求并发数。那么在 JavaScript 中如何实现并发控制呢?在回答这个问题之前,我们来简单介绍一下并发控制。
    2021-05-05
  • 详解小程序缓存插件(mrc)

    详解小程序缓存插件(mrc)

    这篇文章主要介绍了详解小程序缓存插件(mrc),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论