js阻止冒泡,兼容写法。

js阻止冒泡,兼容写法。有几次遇到 a 链接里面包含 click 点击方法 这时候会触发 click 事件 还会触发 a 链接跳转 这时候就需要阻止冒泡了 添加 event stopPropagat 就可以了 在 chrome 上可以使用 本以为万事大吉了 没想到火狐不支持 event 事件 既然问题来了 就得解决 所以搜遍了百度 得到了以下的代码 兼容火狐获取 event 方法 functiongetE if

有几次遇到a链接里面包含click点击方法,这时候会触发click事件,还会触发a链接跳转。这时候就需要阻止冒泡了。

添加

event.stopPropagation();

就可以了。在chrome上可以使用。

本以为万事大吉了,没想到火狐不支持event事件

既然问题来了,就得解决。所以搜遍了百度,得到了以下的代码。

//兼容火狐 获取event方法 function getEvent(){ if(window.event){return window.event;} func = getEvent.caller; while(func != null){ var arg0 = func.arguments[0]; if(arg0){ if((arg0.constructor == Event || arg0.constructor == MouseEvent || arg0.constructor == KeyboardEvent) || (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)){ return arg0; } } func = func.caller; } return null; } //阻止冒泡到下一个事件 function stopPropagations(){ var ev = getEvent(); if (window.event) { ev.cancelBubble = true; }else if(ev.preventDefault){ ev.stopPropagation();//阻止冒泡 } }

经过测试,火狐完美运行。

自己保存一下,以便以后查找。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/226287.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午11:54
下一篇 2026年3月16日 下午11:54


相关推荐

  • 快捷方式图标显示不正常_win10快捷方式不显示图标

    快捷方式图标显示不正常_win10快捷方式不显示图标win10系统的电脑近期遇到一个问题,那就是桌面上或者某磁盘中文件夹的程序快捷方式图标丢失显示异常,部分程序为一个白纸图标,不显示原本的程序图标,但是这些软件或者游戏的快捷方式能正常打开。那么游戏、软件等应用程序快捷方式不显示图标怎么办?下面装机之家分享一下Win10快捷方式图标变白纸解决方法。原因分析:在Win10系统中,首次对图标进行显示,为了加速图标的显示,之后系统会对图标进行缓存,如果缓存…

    2022年10月18日
    5
  • 遍历map的key和value_有序的map集合

    遍历map的key和value_有序的map集合Golang map实现原理是hash map(核心元素是桶,key通过哈希算法被归入不同的bucket中),key是无序的,很多应用场景可能需要map key有序(例如交易所订单撮合),C++ 的stl map 实现了key有序,实际上是TreeMap是基于树(红黑树)的实现方式,即添加到一个有序列表,在O(log n)的复杂度内通过key值找到value,优点是空间要求低,但在时…

    2026年2月21日
    3
  • 如何高效学习PLC

    如何高效学习PLC【1】电工原理和电机原理一定要懂,简单的就记背也要背下来,比如马达容量1KW2A,正反转,星三角接线,电线容量。电阻,电感,电容的特性等;【2】液压和气动也要掌握,比如压力换算,压力和电流的比例换算,这在有压力控制上都要用到;【3】电线截面要会看,线拿到手就知道几平方的,还有什么电器上该用什么线,比如马达就用4线的,3根主线1根接地。从变频器上出来的要用屏蔽线;【4】机修也要会做,特别是螺丝…

    2022年10月19日
    3
  • html iframe自动高度,真正解决iframe高度自适应问题

    html iframe自动高度,真正解决iframe高度自适应问题1 前言解决 iframe 高度自适应问题有两种方法 1 pym2 手动设置 iframe 的高度本文主要是总结第二种实现方式 因为第一种 pym js 插件我没用懂如果使用 iframe 时 遇到以下的需求 iframe 的高度始终等于嵌入页面内容的高度 而不是屏幕的高度右侧不允许出现两个滚动条 iframe 的高度自适应不仅仅是指刚加载进来时 也有可能嵌入内容的高度会随点击变化 如 下拉菜单 左侧导航栏等 页面可能同

    2026年3月17日
    2
  • Claude Code CLI 安装与配置完整教程 | 支持 Windows 与 macOS 的 AI 编程助手

    Claude Code CLI 安装与配置完整教程 | 支持 Windows 与 macOS 的 AI 编程助手

    2026年3月16日
    3
  • 树莓派连接到WiFi并用ssh连接

    树莓派连接到WiFi并用ssh连接硬件:树莓派zerow;系统:2019-09-26-raspbian-buster-lite;1、在/boot/目录下创建文件wpa_supplicant.conf,如下,即可连接到WiFi;country=CNctrl_interface=DIR=/var/run/wpa_supplicantGROUP=netdevupdate_config=1network={…

    2022年5月26日
    45

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号