在 Javascript 中通过 setInterval() 捕获鼠标位置

2023-11-24

我在 Javascript 中有一个函数,可以根据鼠标位置移动一个 div。该功能设置在setInterval()函数并每秒执行一次。我需要像这样捕获鼠标位置:

function mousemov() {
  document.getElementById("myDiv").style.left = Event.clientX; //don't work
}

window.onload = function() {
  setInterval("mousemov()",1000);
}

PS:我无法使用mousemove事件,因为即使鼠标停止,该函数也必须执行。


您可以访问事件对象的唯一时间是在事件处理程序执行期间。因此,您需要做的是在文档上创建 OnMouseMove 事件并将鼠标坐标存储在全局可访问的对象中。然后,您可以从脚本中的其他任何位置访问这些值来确定鼠标位置。

这是一个示例(您没有使用 jQuery,因此这是直接的 DOM 代码):

document.onmousemove = function(e) {
    var event = e || window.event;
    window.mouseX = event.clientX;
    window.mouseY = event.clientY;
}

function mousemov() {
    document.getElementById("myDiv").style.left = window.mouseX;
}

window.onload = function() {
    setInterval(mousemov, 1000);
}

我应该指出 clientX 和 clientY 不考虑滚动。您需要检索滚动偏移并将其应用于返回的值。

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

在 Javascript 中通过 setInterval() 捕获鼠标位置 的相关文章

  • 禁用外部点击时关闭模式

    我正在制作一些使用模式的博客物质化 但我的模态 onclick 外部和错误数据有问题 这是我的代码 main js function changepassword var user userlog val var content conte
  • 从 JavaScript 加载图像

    在我的专辑幻灯片放映页面上 我有类似的代码 span style display none img src imageUrl span span show loader span in showImage 我确定图像已加载 因此我显示图像并
  • 如何在 Lambda 中将对象上传到 S3?

    似乎无法将对象上传到 Lambda 中的 S3 本地一切正常 日志中没有错误可以显示出了什么问题 代码如下 console log Loading function var AWS require aws sdk var s3 new AW
  • 获取 CRM 2011 中功能区按钮的 ID

    我创建了一个 JavaScript 我想在其中隐藏功能区Reactivate Lead按钮取决于某些条件 我通过在表单上按 F12 获得了按钮的 ID 即lead NoRelationship Form Mscrm Form lead Re
  • 使用非常大的背景位置偏移是否存在性能问题?

    我正在构建一个进度条控件 并且正在研究它实际上并不显示进度 而只是旋转 正在发生某事 的指示器的情况 我的设计基本上是交替的对角条纹 本质上是一个像这样的理发杆 但是 旋转 由于希望将尽可能多的负载转移给渲染引擎 我想为此使用 CSS 过渡
  • D3更新circle-pack数据新节点与现有节点重叠

    我正在关注一般更新模式 http bl ocks org mbostock 3808234但在分层方面存在问题 使用圆形包装布局 我pack新数据 update enter and exit圆形元素 然而 当新元素enter 它们重叠upd
  • 每n秒执行一次函数

    我制作了这个在 10 秒后点击链接的代码片段 function timeout window setTimeout function img left click 1000 setTimeout timeout 1000 timeout 我
  • 将 SVG 路径转换为绝对命令

    给定一个 SVG Path 元素 如何将所有路径命令转换为绝对坐标 例如 转换此路径
  • 有没有办法在 React 中自动播放音频而不使用 onClick 事件?

    我在尝试在 componentDidMount 中播放音频时收到此错误 未捕获 承诺中 DOMException play 失败 因为用户没有先与文档交互 componentDidMount document getElementById
  • tomcat 7.0.50 java websocket 实现给出 404 错误

    我正在尝试使用 Java Websocket API 1 0 JSR 356 中指定的带注释端点在 tomcat 7 0 50 上实现 websocket 以下是我如何对其进行编码的简要步骤 1 使用 ServerEndpoint注解编写w
  • vuejs 模板和 asp.net 部分视图,好的做法吗?

    我在网站中使用 Vue js 并将模板添加到 html 代码中 并将 js 代码添加到单个 js 文件中 所以我不想使用 vue Vuefy Browserfy 方法 而是稍后捆绑并缩小我的 js 文件 由于我必须使用 Asp Net MV
  • jquery 中可点击 div 中的按钮

    我有整个 div 您可以单击它来切换该 div 的主要部分 问题是我在该 div 中也有可点击的按钮 当我点击它时 它会执行它应该做的事情 但同时也会切换整个 div 我怎样才能禁用它 Use event stopPropagation 单
  • 将文本字段限制为仅包含数字的最佳方法?

    I m using the following Javascript to restrict a text field on my website to only accept numerical input and no other le
  • 如何绕过Access-Control-Allow-Origin?

    我正在一个平台上对我自己的服务器进行ajax调用 他们设置了阻止这些ajax调用的平台 但我需要它从我的服务器获取数据以显示从我的服务器数据库检索到的数据 我的 ajax 脚本正在运行 它可以将数据发送到我的服务器的 php 脚本以允许其处
  • 检查浏览器空闲的替代方法

    我有一个简单的网络信息亭 在鼠标未使用 jQuery 移动 30 秒后显示用户操作提示 var i null body wrap mousemove function clearTimeout i overlay fadeOut i set
  • 此版本的 CLI 仅与 Angular 版本 5.0.0 或更高版本兼容错误

    我已经有 Angular 项目在 4 版本中运行 在安装新项目时 不幸的是我安装了 6 版本的 Angular cli 在以 4 版本运行的旧项目中运行 ngserve 命令时 这会引发错误 您的全局 Angular CLI 版本大于本地版
  • Javascript等待/异步执行顺序

    所以我试图把我的头脑集中在 Promise await async 上 我不明白为什么当 go 执行时 带有 finished 的警报会紧随 console log coffee 之后 当所有函数都使用等待 承诺时 为什么它只等待 getC
  • 如何使用 fetch() 和 WhatWG 流获取文件上传进度

    注意 我并不是在寻找任何替代方案 我知道这可以通过 XMLHttpRequest 来完成 我也不关心浏览器支持 我只想了解新的 即将推出的标准 我有一个File https developer mozilla org en US docs
  • javascript:完全删除top.location.hash?

    如果我的地址栏中已经有一个哈希值 例如domain com whatever 我打电话 top location hash wathever 被转换为domain com 没有任何内容 是否可以完全删除哈希值 所以没有 left 因为如果我
  • VS Code 扩展 - 获取完整路径

    我正在为 VS Code 编写一个插件 我需要知道调用扩展的文件的路径 无论是从编辑器上下文菜单或资源管理器上下文菜单调用还是用户只需键入扩展命令 function activate context get full path of the

随机推荐

  • codecs.open(utf-8) 无法读取纯 ASCII 文件

    我有一个纯 ASCII 文件 当我尝试用以下命令打开它时codecs open utf 8 我无法读取单个字符 ASCII 是 UTF 8 的子集 为什么不能codecs以UTF 8模式打开这样的文件 test py import code
  • WPF:在 XAML 中设置 ItemSsource 与代码隐藏

    由于这是 WPF 它可能看起来有很多代码 但不要害怕 问题非常简单 我有以下 XAML
  • 添加额外的列到视图中,该列不存在于表中

    我想用三个表的并集创建视图 但在结果查询中我想要一个额外的列 例如 tableId 我的代码就像 CREATE OR REPLACE VIEW DETAILS AS SELECT FROM SELECT T1 ID T1 AMOUNT T1
  • * CSS hack 适用于哪些浏览器和版本? [复制]

    这个问题在这里已经有答案了 我一直在寻找一种 hack 来解决我遇到的 CSS 问题 我已使用其中一个为 Internet Explorer 创建自定义规则 margin top 45px margin top 0px 这个 hack 是否
  • 有限的数字如何运作? (依赖类型)

    我对依赖类型语言感兴趣 有限数对我来说似乎非常有用 例如 安全地索引固定大小的数组 但这个定义对我来说并不清楚 Idris 中有限数的数据类型可以如下 Agda 中可能类似 data FiniteNum Natural gt Type wh
  • 如何用Pygame画一个棋盘并移动棋盘上的棋子?

    我一直在尝试不同的方法如何让我的棋子拖放我找到了方法 但问题是我正在使用字典通过以下方式加载我的图像pygame image load 我为我的图像创建了一个字典 如下所示 IMAGES def loadImages pieces wp w
  • 如何防止ERR_BLOCKED_BY_RESPONSE.NotSameOriginAfterDefaultedToSameOriginByCoep?

    我正在尝试访问我的电影 API 该 API 通过 React 应用程序返回包括电影海报图像的数据 该图像是从外部网站请求的 每次我向我的朋友提出请求时 movies端点 图像被阻止 我在控制台中收到以下消息 net ERR BLOCKED
  • 均匀分布的随机数

    嘿 有没有办法选择均匀分布的随机数 我用过这个功能 Math floor Math random 2 它返回 1 或 0 但是 我认为它没有确切 50 的机会产生任何一个 更好的想法 谢谢 如果您不相信 请检查 这段代码给了我 0 4997
  • SQL 性能调优 - 如何?

    性能如何调整 SQL 查询 可以使用哪些技巧 工具 概念来改变 SQL 查询的性能 如何量化收益 一个人需要注意什么 可以使用哪些技巧 工具 概念来改变 SQL 查询的性能 使用索引 他们在实践中如何运作 标准化数据与非标准化数据 性能与设
  • 如何在 Python 中克隆类?

    我有一个 A 类 我想要一个具有完全相同功能的 B 类 我不能或不想从 B 继承 例如执行 class B A pass 我仍然希望 B 与 A 相同 但有不同的 i id A id B 请注意 我不是在谈论实例 而是在谈论要克隆的类 我很
  • 制作 Linux Web 服务的最佳方式? [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 我有一台运行 Ubuntu Linux Server Edition 的服务器 我曾经有一台 Windows Server 在 Windows 上使用 ASP net 创建 Web 服务很
  • Android 9.0 NotificationManager.notify() 抛出 java.lang.SecurityException

    我自己无法重现这个问题 但到目前为止已经有 5 个用户报告了这个问题 我最近确实发布了一个应用程序更新 将目标 SDK 从 27 更改为 28 我确信这在其中发挥了作用 所有 5 位用户都在某种 Pixel 设备上运行 Android 9
  • 为什么绑定的 StringFormat 不使用当前区域性?

    我目前的文化是 ru RU 我需要它将小数格式化为货币字符串 decimal n 111 22M n ToString C will return 111 22 但是当我尝试使用绑定的 StringFormat 字段时 我得到 111 22
  • 如何查看docker容器使用的核心数?

    我已经使用 Docker 一段时间了 我已经安装了 docker 并使用启动了一个容器 docker run it cpuset cpus 0 ubuntu 当我登录到 docker 控制台并运行时 grep processor proc
  • 使用 C 样式字符串有哪些缺点?

    我知道缓冲区溢出是使用 C 样式字符串 字符数组 的一种潜在危险 如果我知道我的数据适合我的缓冲区 是否可以使用它们 我需要注意 C 风格字符串固有的其他缺点吗 EDIT 这是一个接近我正在做的事情的例子 char buffer 1024
  • 我应该将 jQuery 代码放置在 Ruby on Rails 应用程序中的什么位置?

    我对 RoR 不太熟悉 对 jQuery 也相当陌生 目前 我有一个工作 RoR 网站作为学习平台 我想包含一些 jQuery 基本功能来扩展我的学习 mouseenter hover fadeIn 等 让我用一些代码来设置场景 为了保持简
  • 在 Python 中生成偶数列表

    基本上我需要帮助从我用 Python 创建的列表中生成偶数 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765 10946 17711 28657 46368 我
  • MySQL 在 XAMPP 上意外关闭 - 在 IP: '::' 上创建的服务器套接字

    我对 XAMPP 还很陌生 在我今天早上开始工作之前它一直运行得很好 这是错误日志文件信息 当我尝试启动 MySQL 时 它会打开然后停止 如果需要 我宁愿不重新安装 但如果需要的话可以 InnoDB using atomic writes
  • PATCH 和 PUT 请求不适用于表单数据

    我正在使用 Laravel 创建一个 RESTFUL 应用程序 并使用 Postman 测试该应用程序 目前 有一个问题是PATCH or PUT如果从 Postman 发送带有表单数据的数据 Parameter testimonial w
  • 在 Javascript 中通过 setInterval() 捕获鼠标位置

    我在 Javascript 中有一个函数 可以根据鼠标位置移动一个 div 该功能设置在setInterval 函数并每秒执行一次 我需要像这样捕获鼠标位置 function mousemov document getElementById