纯 javascript 检查某些内容是否悬停(无需设置鼠标悬停/移出)

2023-12-01

我见过这个 jQuery 语法:

if($(element).is(':hover')) { do something}

由于我没有使用 jQuery,因此我正在寻找用纯 javascript 执行此操作的最佳方法。

我知道我可以保留一个全局变量并使用设置/取消设置它mouseover and mouseout,但我想知道是否有某种方法可以通过 DOM 检查元素的本机属性?也许是这样的:

if(element.style.className.hovered === true) {do something}

此外,它必须跨浏览器兼容。


只需使用element.matches(':hover')似乎对我来说效果很好,你也可以为旧浏览器使用全面的填充:https://developer.mozilla.org/en-US/docs/Web/API/Element/matches

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

纯 javascript 检查某些内容是否悬停(无需设置鼠标悬停/移出) 的相关文章

随机推荐

  • 如何设置WebView内容比例(qml QT 5.2)

    我使用 qml WebView QT 5 2 WebView anchors fill parent url http google com 加载的页面内容根据 WebView 宽度进行缩放 如何获得像浏览器中那样的默认比例 left pi
  • 使用 NLTK,当给出某个单词时,如何生成不同形式的单词?

    例如 假设给出 happy 这个词 我想生成其他形式的happy 例如幸福 幸福 等 我已经阅读了有关 Stackoverflow 和 NLTK 参考资料的其他一些先前问题 然而 只有词性标注 变形就像识别句子中某些单词的语法形式 而不是生
  • 来自数据库的动态下拉列表值

    如何将主下拉列表的值连接到子下拉列表中 下拉列表的值来自数据库 main list 和 sub list 表 而且身体加载也不起作用 主列表 id value id no 1 colors 1 2 fruits 2 3 animals 3
  • 位置提供商真的很耗电吗?

    我需要实现基于位置的服务 我不需要精确的位置 所以不需要 GPS 最简单的方法是在应用程序启动时开始侦听位置更新 并将其保留为打开状态 mLocationMgr requestLocationUpdates LocationManager
  • .gitignore 被 Git 忽略

    My gitignore文件似乎被 Git 忽略了 可以吗 gitignore文件损坏 Git 需要哪种文件格式 区域设置或文化 My gitignore This is a comment debug log nbproject 输出来自
  • 在 Rails 中使用 jquery 和 Ajax 检查用户名可用性

    我使用 Rails 和 jquery 和 ajax 来检查用户名的可用性 我在用 以下插件用于 jquery 验证目的 https github com posabsolute jQuery Validation Engine 在我的控制器
  • 使用 Flex Mobile 4.6 在 iOS 上上传图库或捕获的图像

    有谁有使用 iOS Flex 4 6 中的相机 API 的经验吗 我遇到了很多设置问题并且缺少文档 我正在尝试设置一个图像上传组件 用户可以在其中捕获新照片或从其库中选择现有照片 对于捕获来说 当图像保存为 JPEG 时 并且我正在使用 A
  • 聚类中的大距离矩阵

    我在 16 GB RAM 的机器上运行 R 3 2 3 我有一个 3 00 000 行 x 12 列的大矩阵 我想在 R 中使用层次聚类算法 所以在这之前 我尝试创建一个距离矩阵 由于数据是混合类型 我对不同类型使用不同的矩阵 我收到有关内
  • Angular2 处理 http 响应

    我只是有一个关于构建和处理服务中 http 请求响应的问题 我在用Angular2 alpha46 打字稿 刚刚开始测试它 我喜欢它 Ps 感谢所有致力于此工作并通过 github 做出贡献的人 因此采取以下措施 登录表单 componen
  • Nuget 下载脚本时出现问题

    好吧 以前也发生过这种情况 我不确定这是怎么回事 我去安装这个nuget包 Microsoft jQuery Unobtrusive Ajax 使用命令行和 GUI 都可以 正确 安装该软件包 但我的项目中没有添加脚本 我在使用 MVC6
  • 如何获取从“UIImagePickerController”接收的图像的压缩文件大小?

    我想知道拍摄的图像的大小UIImagePickerController通过卡马拉或图书馆 有什么办法可以找到吗 要求就像 如果图像大小超过 1 MB 我想对其进行压缩 提前致谢 尝试这个 CGFloat compression 0 8f C
  • 接口方法中的最终参数 - 有什么意义?

    在Java中 定义是完全合法的final接口方法中的参数 并且不遵守实现类中的参数 例如 public interface Foo public void foo int bar final int baz public class Foo
  • 在 Pandas DF 中使用删除重复项,但根据首选项列表选择保留列

    我有包含许多列的数据框 有一个日期时间列 并且有重复的日期时间条目以及来自不同源的这些重复项的数据 我想根据以下内容删除重复项column dt 但我想根据其中的内容保留结果column pref 我在下面提供了简化的数据 但这样做的原因是
  • C#.NET delegate 关键字作为使用委托对象/构造函数调用的函数的名称

    我正在关注一本书 其中使用 delegate 关键字 根据我的理解 作为要封装在委托中的函数的名称 使用委托对象名称 构造函数调用的函数 下面是代码 Declaration of delegate object AppendChildDat
  • 当订单列具有相同数据时,OrderBy 子句会产生不同的结果集

    我们有一个存储过程来根据页码和页面大小返回记录集 排序是按列 进行的CreateDateTime 如果值为CreatedDateTime对于所有记录都是相同的 它以不同的顺序给出结果集 行为不一致 部分代码 SET FirstRec Pag
  • 如何使用 LINQ 返回 FileInfo.Name 的子字符串

    我想将下面的 foreach 语句转换为 LINQ 查询 该查询将文件名的子字符串返回到列表中 IList
  • 将高代码点 (> U+FFFF) 编码为 HTML 实体

    我有一个输入字符串 URL 编码 F0 9F 98 8E 解码后的是表情符号 我怎样才能将其转换为 HTML 代码 128526 http unicode online toolz com tools unicode html entiti
  • MongoDB:如何乘以仅出现在$project中的字段?

    我通过以下方式加入 lookup 两个集合 const LEAD PRICE doesn t matter Client aggregate lookup from clientboughtleads localField id forei
  • 德尔福 Android TLocationSensor

    使用德尔福10 3 我编写了一个基于地理定位的通知的 Android 应用程序 我遇到这个问题 当我在后台发送应用程序时 我验证了它仍然在运行 即使使用后退按钮 我指定不关闭它而是在后台发送它 TLocationSensor 停止跟踪位置
  • 纯 javascript 检查某些内容是否悬停(无需设置鼠标悬停/移出)

    我见过这个 jQuery 语法 if element is hover do something 由于我没有使用 jQuery 因此我正在寻找用纯 javascript 执行此操作的最佳方法 我知道我可以保留一个全局变量并使用设置 取消设置