选择在 Mozilla Firefox 中触发父元素上的 MouseLeave 事件

2024-03-01

我遇到以下问题:在 Mozilla Firefox 中,每当我将鼠标悬停在dropdown inside一个表,它会触发mouseleave尽管鼠标光标仍在表内,但表的事件。在Chrome或Edge中不存在这样的问题。

这是我的代码和示例数据:

DEMO https://jsfiddle.net/hygq5dzr/1/

我有一个表格,当鼠标光标进入表格时会出现最后一行。当鼠标离开时 - 该行隐藏。仅当我离开桌子时该行才应隐藏

是否有某种方法或解决方法可以防止发生不必要的 mouseleave 事件?


我在 VueJS 中遇到了同样的问题,我像这样修复了它。首先确保事件对象传递给您的方法,因此使用@mouseleave="myEvent"代替@mouseleave="myEvent()".

    myEvent: function(event) {
      if (event.relatedTarget === null) {
        return;
      }
      // consider event fired
    },

所以检查event.target.nodeName不适合我,我必须使用event.relatedTarget.

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

选择在 Mozilla Firefox 中触发父元素上的 MouseLeave 事件 的相关文章

  • 使用西里尔字母的正则表达式

    我有一个用于文本区域字段中字数统计的 jQuery 函数 此外 它排除所有用 三重括号 封闭的单词 它对于拉丁字符效果很好 但对于西里尔字母句子有问题 我认为错误部分与正则表达式有关 field val replace g match b
  • 自定义过滤器在 Angular Hybrid 应用程序中不起作用

    我正在尝试将 AngularJS 1 6 应用程序与 Angular 5 一起转换为混合应用程序 我定义了以下简单过滤器 function use strict var filterId colorPicker angular module
  • Internet Explorer 的数组indexOf 实现

    有很多关于如何将 indexOf 实现放入数组原型中以便它可以在 Internet Explorer 下工作的解决方案 但是我偶然发现了一个问题 到目前为止我所看到的任何地方似乎都没有解决这个问题 使用非常一致的MDC 的实施 https
  • 当容器有选择框时 jQuery mouseleave 触发问题

    我有两个容器 一个嵌套在另一个容器内 当我将鼠标悬停在父容器上时 我希望显示子容器 当我鼠标移出时 我希望子容器淡出 我遇到的问题是子容器有一个包含 选择框 的表单 当用户选择选择框时 会意外触发 mouseleave 事件 如何阻止选择框
  • 如何从回调函数中获取值

    我对 javascript 比较陌生 并且面临一些困难 我有两个 java 脚本文件 如下所示 我无法获取变量的值条目标题在 getRss 函数内并将其存储在变量内Rss1 标题 and Rss2 标题 创建一个全局变量并将其分配给条目标题
  • 是否可以从“GET”请求中检索 MS/延迟? (Javascript/Jquery)

    我目前正在使用 jquery 发出一些 getjson 请求 他们是获取请求 GET http localhost MySite JSON http localhost MySite JSON 现在您可以在 Firebug 中观看请求的触发
  • 如何防止缓慢脚本警告并强制浏览器继续运行脚本直到完成?

    更新 2013 年 7 月 5 日 自从我最初问这个问题以来 我学到了很多东西 在下面的一条评论中 有人建议我重新处理该任务 并找到一种方法来解决它 而不会有阻塞 UI 的风险 我说不可能 函数必须按原样运行 我实际上不记得我试图用这个函数
  • Cordova - 已弃用尝试访问非导航器对象上的属性“userAgent”

    我正在尝试让我的 Cordova iPhone 应用程序在 iOS 8 1 中运行 在 7 中工作正常 从 8 开始出现以下错误 Deprecated attempt to access property userAgent on a no
  • 更改导航栏悬停时 div 的背景图像

    我正在开发一个项目 我对 Javascript 很陌生 所以我想知道是否有 Jquery 代码或只是一个关于如何使背景图像在导航菜单悬停时更改的过程 例如将鼠标悬停在链接一上会将 div 的背景图像更改为图像 1 将鼠标悬停在链接二上会将
  • JavaScript 中的自定义“确认”对话框?

    我一直在开发一个使用自定义 模式对话框 的 ASP net 项目 我在这里使用吓人引号 因为我知道 模式对话框 只是我的 html 文档中的一个 div 它被设置为出现在文档其余部分的 顶部 而不是真正意义上的模式对话框 在网站的许多部分
  • 不用AJAX,前台同步拖放文件上传?

    我有一个定期的网站
  • Primeng 时间表与 Angular2 webpack

    我将使用 Primeng 时间表 http www primefaces org primeng schedule http www primefaces org primeng schedule 在基于 Angular2 webpack
  • 如何在 Android 设备(平板电脑和手机)方向更改时获得正确的窗口宽度

    我正在尝试使用 jquery 函数计算 Android 设备方向变化时的窗口宽度 window outerWidth true 此计算给出了两个方向变化的正确宽度iphone and ipad但在安卓中不行 如果我最初以横向模式或纵向模式加
  • 如何检查 URL 末尾是否有特定字符串

    我需要根据 URL 末尾的内容让覆盖层向下滑动 如果 URL 末尾有 faq 覆盖层下降 如何在 jQuery JavaScript 中做到这一点 如果您的网址看起来像这样http yourdomain com faq 你可以这样做 var
  • Ruby 数组到 Javascript 数组

    我有一个带有帐户 ID 的 Ruby 数组 我想将帐户 ID 的 Ruby 数组存储在 Javascript 数组中 我想知道最好的方法是什么 另外 当我尝试执行此操作时 Javascript 似乎认为如果只输入一个帐户 ID 则该 ID
  • Rails 6 webpack 抛出“未捕获的引用错误:$未定义”

    大家好 我最近开始使用 ruby 2 6 5 开发 Rails 6 由于 Rails 6 引入了 webpack 所以我尝试使用 webpack 加载我的 js 文件 尽管我已经在 appliation js 中需要了 jquery 但我仍
  • 使用 jQuery 将值发送到 $_GET

    我正在使用一个 PHP 脚本 该脚本正在通过 GET 等待两个值 我正在尝试使用 jQuery 传递这两个值 而这正是我不太擅长的地方 这是我得到的代码 有人能指出我正确的方向吗 谢谢 function xrate id rating aj
  • 内联 YouTube 视频在 iOS 上的 cordova 应用程序中不起作用

    我用 cordova 开发了一个移动应用程序 我确实需要能够播放内联 YouTube 视频 我尝试了一段时间来解决它 我设置了属性playsinline to 1在 YouTube iframe API 中 I put
  • 谷歌地图通过骨干javascript返回div标签但不显示

    我已经开始使用地理定位 我可以获得坐标等 我想在地图中显示它 但是当我将地图返回到 div 时 什么也没有显示 现在我查看了 div 地图正在返回 但只是不可见 这是有问题的 div 请注意 这似乎只是一个小地图的链接 a style di
  • jQuery 存储类型未定义

    我用了一个jQuery 存储 https ui5 sap com api jQuery sap storage存储数据 oStore jQuery sap storage jQuery sap storage Type local oSto

随机推荐

  • 如何标记 pandas DataFrame 中的最后一个重复元素

    如你所知 有一种方法 duplicated查找列中的重复项 但我需要的是知道我的数据按日期排序的最后一个重复元素 这是预期的结果Last dup对于列Policy id Id Policy id Start Date Last dup 0
  • IE9,使用 CertEnroll.dll 时自动化服务器无法创建对象错误

    在我的网页中 有一个JS像这样的块 var classFactory new ActiveXObject X509Enrollment CX509EnrollmentWebClassFactory Other initialize Cert
  • Tkinter 按钮动画

    我一直在使用 tkinter 编写一段简单的 python 3 4 代码 它是 D D 的骰子滚轮 它有用于所有基本骰子的按钮 还有一个允许您输入骰子面数的按钮 我的布局方式让我想起了键盘 所以我想我应该添加一些东西 让你可以通过按下按钮来
  • Delphi - 获取Windows的默认非unicode字符集

    我有一个 Delphi 7 应用程序 我需要能够获取非 unicode 程序的默认 Windows 字符集 我知道 DEFAULT CHARSET 设置了它 但我需要确切地知道它是什么字符集 以便我可以将它与其他字符集进行比较 这可能吗 如
  • WinForm和uwp如何进行两个方向的通信

    WinForm和uwp如何双向通信 我用的是MQTT 缺点是当发送的数据量比较大时 会有很严重的延迟 也尝试了socket模式 但是WinForm无法连接uwp 请哪位朋友帮帮我 谢谢 来自文件注释 https learn microsof
  • IE 兼容模式:“X-UA-Compatible”标签“Edge”

    我有这个在 它将强制 IE 使用最新的渲染模式 但兼容模式是否被认为是最后一种 我的意思是 例如 在 IE8 上使用此代码 它会强制它使用 IE8 或 IE8 兼容模式 该标签将尝试强制浏览器使用浏览器支持的最新渲染模式 它不会触发兼容模式
  • SSH 窗口大小对 paramiko 有何影响

    我正在构建一个应用程序 它可以通过 SSH 连接到 Cisco 设备来收集show命令 我正在 python 中使用 paramiko 模块来完成此任务 将命令输出与plink 知道 paramiko 的输出被截断了 尝试取消缓冲并增加缓冲
  • 将菜单下拉菜单移至左侧

    我的顶部菜单带有下拉导航 子菜单 下拉菜单位于主菜单的右侧 css ul dropdown ul width 220px visibility hidden position absolute top 100 left 0 如何将最后一个菜
  • R data.table 在多个条件下进行子集化。

    使用以下数据集 如何编写 data table 调用来对该表进行子集化 并返回该客户的所有客户 ID 和关联订单 如果该客户曾经购买过 SKU 1 预期结果应返回一个表 其中排除该条件下的 cid 3 和 5 以及匹配 sku 1 的客户的
  • STDIN 或文件作为 Hadoop 环境中的映射器输入?

    因为我们需要将一堆文件读入映射器 在非 Hadoop 中 环境 我用的os walk dir and file open path mode 读入 每个文件 然而 在 Hadoop 环境中 当我读到 HadoopStreaming 转换 将
  • AjaxControlToolkit NoBotState 始终为 InvalidBadResponse

    我正在尝试实现 AjaxControlToolkit NoBot 但我总是得到 falseIsValid 方法 状态值始终为无效不良响应 我在这里错过了什么吗 ASCX 代码 buttons textboxes etc
  • Common Lisp 中有停止解释器的命令吗?

    我正在寻找一个表达式 它会导致解释器在求值时退出 我发现了很多特定于实现的内容 但在 HyperSpec 中没有找到 我想知道是否有一些我在规范中没有看到的定义 我发现 quit 被 CLISP 和 SLIME 认可 并且 exit 仅被
  • 双击 UITabBarController Tab 转到导航控制器的根目录

    我有一个带有 2 个 UINavigationController 的 UITabBarController 设置 一个 UINavigationController 有一个 UIViewController 另一个 UINavigatio
  • 返回按钮和刷新之前的活动

    如果我们有两个活动 文件列表和最后修改时间 文件编辑活动 用户从列表中选择一个文件并进入文件编辑活动 完成编辑后 用户按后退按钮返回到文件列表 该列表不会重新加载 因此刚刚编辑的文件修改时间显示的值不正确 按下后退按钮后刷新文件列表的正确方
  • 根据设备是 Android 平板电脑还是手机使用不同的主题

    我想知道如何根据设备是平板电脑还是手机来更改活动的主题 我有一个设置活动 android style Theme Black NoTitleBar以它为主题 在平板电脑上 我希望这个活动的主题是这样的 android style Theme
  • RxSwift:按住按钮时可观察

    如何创建在按住按钮时重复流式传输事件的 Observable 即使我也在寻找你的问题的解决方案 我从 RxSwift 松弛通道获得了帮助 let button submitButton rx controlEvent TouchDown b
  • MySQL PHP 不兼容

    我在本地运行 WAMP 但连接到远程 MySQL 数据库 PHP本地版本是最新的5 3 0 远程数据库之一 版本 5 0 45 工作正常 但是 我尝试连接的另一个远程数据库 版本 5 0 22 在死亡之前抛出以下错误 警告 mysql co
  • 动态模型操纵

    我在谷歌上搜索有关模型操作的最佳实践 显然 在 4 x 中 你有这个函数 setField 例子here http www learnsomethings com 2012 10 05 dynamically changing the mo
  • Mac OS 使用 Java 推送通知

    我想在我的 JavaFX 项目中添加 Mac OS 风格的推送通知 但这实际上非常困难 我正在遵循已接受的答案中描述的方法 在Java中使用10 8通知中心 https stackoverflow com questions 1172065
  • 选择在 Mozilla Firefox 中触发父元素上的 MouseLeave 事件

    我遇到以下问题 在 Mozilla Firefox 中 每当我将鼠标悬停在dropdown inside一个表 它会触发mouseleave尽管鼠标光标仍在表内 但表的事件 在Chrome或Edge中不存在这样的问题 这是我的代码和示例数据