问题标签 [onmousemove]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
217 浏览

dart - onMouseMove 监听器仅在光标离开并重新进入文档后才开始接收事件

我有 CanvasElement,它在单击时请求指针锁定,然后使用onMouseMove侦听器重复将 moveX 和 motionY 传递给函数(我正在测试第一人称控件)。

它第一次工作正常(页面加载后立即),但如果我按下转义键并再次单击画布,它会成功锁定光标但不会生成MouseEvent传递给onMouseMove侦听器的 a。

如果我按下退出键并将鼠标移到文档之外(任何不受标记控制的地方),将其移回文档并单击画布,一切都会再次完美运行。

任何想法是什么导致了这种奇怪的行为?

所有描述的行为都包含在这些代码行中。

0 投票
1 回答
188 浏览

javascript - Javascript鼠标点击坐标

我在尝试记录单击的确切坐标时遇到问题。第一个 readMouseMove 函数完全按照它应该的方式工作。当我滚动时显示鼠标坐标。第二个 mouseClick 函数应仅在单击时记录坐标。目前它与上面的功能相同,但似乎我只能使用一次 clientx/y 事件。有没有一种方法可以记录鼠标点击而不让它与某处的对象相关?

0 投票
1 回答
1049 浏览

three.js - 改变鼠标移动的值,three.js

我有这个球 var geometry = new THREE.SphereGeometry( 50, 64, 32 ); 我想创建一个像 function onMouseMove(event){ mouseX = (event.clientX - window.innerWidth/2) / window.innerWidth/2; mouseY = (event.clientY - window.innerHeight/2) / window.innerHeight/2; }

要得到SphereGeometry( 50, MouseX*64, MouseY*32 )

但是我找不到正确的方法来写这个..有人可以帮助我,谢谢。

0 投票
0 回答
123 浏览

javascript - JavaScript setInterval new Image(在线用户计数器)

好的,

所以我构建了一个与服务器(php)通信的JS。

一个用户进入网站,它添加了一个24小时cookie和一个会话cookie(两者都有一个随机数生成的“密钥”。如果他们已经在网站上,比如一个会话cookie或24小时,同样将使用密钥。

他们在页面上每 15 秒,它会 Ping 一个“new Image()”网址,将“密钥”发送到服务器。然后服务器使用他们的 IP 地址记录该密钥,这样组合就可以无穷无尽,并且可以输入同一 IP 上的多个用户。

我监视他们的鼠标移动。(如果他们在页面上没有移动鼠标超过 60 秒,他们现在处于空闲状态,我不再发送 Ping),数据库删除已空闲/不活动 3 分钟或未发送 ping 的用户. (提供一些缓冲和宽恕时间)。无论如何,这一切似乎都很好。

但是我开始记录他们输入的时间以及他们最后一次向服务器发送 ping 的时间。数字很​​突出。该网站上的大量用户太长而无法真实存在。如果他们不移动鼠标,他们就处于空闲状态,但是,有 2,000 多个用户在线,其中 150 人在网站上停留时间超过 20 分钟并移动鼠标(或至少在他们移动鼠标的情况下使用 javascript),并且它的混乱增加平均持续时间。

我说不出话来。我正在尝试建立一个具有平均持续时间的非常准确的在线计数器,但是怎么会有人在网站上呆那么久,是什么导致他们继续向服务器发送 ping。没有意义。我查看了用户代理,所有不同的浏览器,它们似乎不是已知的 Bot,例如 googlebot。他们是流氓。

这些用户将保持每 15 秒主动向服务器发送 ping 数天,如果他们不点击页面(即 30 分钟),我将最大限制为 120 ping,但 ping 仍在继续,这太疯狂了。

我不确定在哪里发布这个,但我想确保我构建的代码在许多浏览器中都能正常工作,我的猜测可能是某些地方没有运行,并且人们在不应该的时候是活跃的。但这意味着他们离开网站并忘记它或其他什么。但它占流量的 20%。通常在给定时间大约有 1-2 千名用户在线。

0 投票
1 回答
662 浏览

javascript - onmousedown 和 onmousemove 之间的 Javascript 冲突

我用纯 JavaScript 开发了一个音量控制器。鼠标移动工作正常,但不幸的是我无法使其成为完美的音量控制器。该功能面临两个问题:

  1. 鼠标点击音量不变

  2. onmousemove功能即使在之后继续工作onmouseup

演示http://codepen.io/anon/pen/kpcvJ

0 投票
1 回答
737 浏览

javascript - threejs 操纵粒子系统

我有一个问题要检测我的鼠标是否在一个粒子上方,以便使用threejs中的粒子系统将其推离鼠标

我使用光线投射器,但没有任何效果。

我也尝试向粒子添加一个碰撞箱,但碰撞箱不跟随粒子。

onmousemove 函数

更新功能

我的代码的小提琴

0 投票
0 回答
66 浏览

javascript - Firefox 全屏不包括第一行像素?

我正在编写一个 HTML5 RTS 游戏。与 RTS 游戏中的典型情况一样,玩家可以在将鼠标光标移动到屏幕边缘时打滑。在 FF 全屏中存在一个问题,最上面的像素行似乎不再位于浏览器窗口内。onmousemove() 在 FF 全屏模式中将鼠标移动到第一行像素内时不会触发。其他浏览器工作正常。这种向上滚动不起作用,因为当光标位于最顶部时,事件不再触发并且我失去了光标位置的轨迹。有人对此有解决方案吗?

0 投票
1 回答
784 浏览

javascript - 如何仅在鼠标移动时触发 mousemove 事件

在我的示例中,即使鼠标没有移动但在容器内,也会触发事件。

我想要的: 如果鼠标不移动但在容器内,则事件不应该起作用

PS:对不起我的英语水平

0 投票
0 回答
95 浏览

jquery - MouseMove 上的 EaseInOut

好的,我有这个 jQuery 代码工作。移动鼠标时背景移动到正确的位置。现在我唯一想要的是在称为“船”的移动背景上轻松进出。这是代码。提前致谢。


0 投票
1 回答
172 浏览

javascript - 鼠标移动目标上的jQuery选择所有相似的元素

我有(例如)6 个元素,它们都具有相同的类和不同的内容。它们都有稍微放大的背景。当鼠标悬停在它们上时,我需要它们的背景相应地移动。我的问题 - 一旦我将鼠标悬停在单个元素上,所有背景都会移动。有什么帮助吗?
这是我的代码:

HTML(单个元素):

CSS(再次,单元素):

JS: