Jquery StopPropagation 在 Firefox 中不起作用

2024-03-04

我的这段代码可以在 Safari 和 Chrome 上运行,但不能在 Firefox 中运行。 Firefox 是否有 StopPropagation() 问题?

$(function() {
    // Setup drop down menu
    $('.dropdown-toggle').dropdown();

    // Fix input element click problem
    $('.login-menu form').click(function(e) {
        alert(e.isPropagationStopped());
        e.stopPropagation();
        alert(e.isPropagationStopped());
    });
});​

我不知道你的 HTML 看起来如何,但是stopPropagation在 FireFox 中工作正常。

我认为您的期望可能不正确。

根据文档停止传播() http://api.jquery.com/event.stopPropagation/

event.stopPropagation()
防止事件在 DOM 中冒泡 树,防止任何父处理程序收到事件通知。

假设 HTML 像这样:

<div id="parent">
    <div class="login-menu">click anywhere</div>
</div>

这段代码工作正常,点击事件没有冒泡:

$(function() {
    // Fix input element click problem
    $('.login-menu').click(function(e) {
        alert(e.isPropagationStopped());
        e.stopPropagation();
        alert(e.isPropagationStopped());
    });

    $("#parent").click(function(e){
        alert("parent received click");
    });
});​

DEMO http://jsfiddle.net/FranWahl/KUTxS/- 在 FF 中工作 - 不会冒泡事件

注释掉该行e.stopPropagation();在演示中,正如预期的那样,该事件会冒泡,显示来自父级的警报。

您的预期行为是什么?

您尚未指定您期望发生什么。

例如,如果您希望触发事件的默认操作,则可以使用防止默认() http://api.jquery.com/event.preventDefault/

event.preventDefault()
如果调用该方法,则不会触发事件的默认操作。

如果您想覆盖两者,请防止默认操作并防止事件冒泡,您可以同时调用两者或简单地使用return false在你的方法的最后。

如果您能详细说明您想要实现的目标,我们可以更具体地建议适合您的解决方案。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jquery StopPropagation 在 Firefox 中不起作用 的相关文章

随机推荐

  • Python Selenium Javascript链接点击无法执行

    我将 Selenium for Python 与 PhantomJS Ghost 驱动程序一起使用 以便单击 href 中包含 Javascript 的链接 例如来自this https structuredginniemaes ginni
  • MongoDB 根据 _id 统计每分钟新文档数

    我想创建每分钟存储多少新文档的统计数据 由于具有标准 ObjectID 的 id 字段已经包含文档创建的时间戳 我认为应该可以以某种方式使用它 在 Stackoverflow 上 我发现了以下映射归约代码 可以在有用于创建数据的专用字段时完
  • 从具有特定窗口坐标的命令行启动 Google Chrome

    我正在尝试找到一个 shell 命令 该命令将使用特定的 x 和 y 坐标打开 Google Chrome 以便我可以在窗口打开时设置窗口的位置 是否可以使用命令行参数来执行此操作 我需要修改以下命令才能实现此目的 google chrom
  • python中不均匀的子图

    在 python 中创建 3 3 子图矩阵的最佳方法是什么 第一列包含 3 个子图 第二列包含 3 个子图 第三列包含2 个次要情节 最后两个子图应具有相同的大小 这意味着它们将在其他两列的中间图的中间相遇 我尝试使用 gridspec 来
  • 当应用程序未处于焦点或位于另一个选项卡中时,WaitForSeconds 停止工作

    我用 Unity 制作了 WebGL 游戏 不需要每个帧都进行一些计算 因此我将它们放在协程中 但当游戏在后台运行时 协程的工作速度会比平时慢 并且会额外等待 5 10 秒 例如 士兵跑向我 我向他们发射子弹以杀死他们 当他们进入射程时 他
  • 引导程序上的下拉子菜单不起作用

    我只是想问为什么引导程序上的下拉子菜单不起作用 我只是按照此链接中的说明操作 http getbootstrap com 2 3 2 components html http getbootstrap com 2 3 2 component
  • 从 shell 脚本将密码输入 openssl 命令

    我正在尝试将 p12 从 shell 脚本转换为 pem 无需任何用户输入 我可以将密码作为脚本中的变量 所以当我打电话时 openssl pkcs12 in p12 out cert pem nodes 终端打印 输入导入密码 并等待输入
  • Jersey 2.x 自定义注入注释与属性

    我正在从 DropWizard 0 7 1 迁移到 0 8 1 这包括从 Jersey 1 x 迁移到 2 x 在我的 使用 Jersey 1 18 1 的实现 我有一个MyProvider 为了简单起见 更改了所有类名 实现Injecta
  • 如何避免SRP混乱?

    通过应用 SRP 原则 您必然会有很多课程 如果这对于小型项目来说效果很好 那么您如何处理和组织大型项目中的类数量 你如何组织文件夹结构 你怎么记得你建造了什么 你怎么知道其他人是否没有在其他类中构建相同的功能 这适用于所有类型的图书馆 不
  • 在 VBA 中滚动网页时等待窗口重新加载

    我编写了一个 VBA 宏来计算 Google 搜索特定术语时返回的 大约 图像数量 我的意思是 程序应该计算返回的图像数量 向下滚动以加载更多图像 如果适用 最多可计算 400 个图像 这是 简化的 代码 Sub GoogleCount C
  • 如何在 C# 中运行同步计时器?

    我正在编写一个应用程序 它使用计时器在屏幕上显示某些事件发生时的倒计时 我想重用计时器 因为它对于应用程序中的一些操作会很方便 因此我指定了要环绕计时器的单词 例如 以下函数调用 CountdownTimer 90 You have unt
  • 为 git 子模块指定分支?

    我已经将 git 子模块添加到我的 git 存储库中并且工作正常 在我的 父 存储库中 我创建了一个功能分支 我的特征这需要对子模块进行一些更改 但我不想影响使用相同子模块的其他团队 因此我在子模块存储库上创建了相应的功能分支子模块功能有一
  • 如何在路由器上注册单个视图(不是视图集)?

    我正在使用 Django REST 框架 并一直在尝试创建一个返回少量信息的视图 并将其注册到我的路由器上 我有四个存储信息的模型 它们都有一个created time场地 我正在尝试创建一个返回最新对象的视图 基于created time
  • 使用 JSoup 作为服务显示超链接的 ListView

    我最近需要收集并显示超链接列表 这很有帮助example https stackoverflow com a 73160763 230513说明使用jsoup questions tagged jsoup and a Task
  • 观看 MongoDB 在 Python 中异步更改流

    我如何设置一个 python 服务来 异步 监视 mongodb 的更改流 我能找到的一切mongodb com https www mongodb com developer quickstart python change stream
  • 查询具有大数据集的 Firebase 数据库非常非常慢

    我在 Android 应用程序上使用 Firebase 数据库 正常情况下 它工作得很好 但是当数据库变得越来越大时 查询性能就会变得越来越差 我在数据库上添加了大约 5k 记录 在 elk 和 su 节点下 然后我在数据库上查询 在 cu
  • 如何处理反应中的多组单选按钮?

    所以我从后端获取一些数据 看起来像这样 data status 1 title Title 1 status 2 title Title 2 status 1 title Title 3 status 3 title Title 4 它们将
  • 移动多列,每列具有不同的偏移量

    我有一个像这样的 data table date a b c d e f 2008 1 5 3 6 9 8 2008 3 6 2 1 5 8 2008 2 8 3 4 3 0 2009 5 5 3 6 9 8 2009 3 3 2 2 5
  • Javascript 日期方法不一致 - getDate 与 getMonth

    这让我昨晚有点头疼 我想了解为什么 Date 对象中的 getDate 方法是基于 1 返回 1 31 的值 而 getMonth 方法是基于 0 返回 0 11 我想知道为什么同一对象的方法存在这种不一致 我理解为什么现在很难改变这种行为
  • Jquery StopPropagation 在 Firefox 中不起作用

    我的这段代码可以在 Safari 和 Chrome 上运行 但不能在 Firefox 中运行 Firefox 是否有 StopPropagation 问题 function Setup drop down menu dropdown tog