问题标签 [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 投票
2 回答
5921 浏览

javascript - this.style.backgroundColor 在 IE7/8 中不起作用

我的代码是:

在 Chrome、FireFox 和 ie9 下运行良好,但在 IE7/8 下无法运行

错误信息是:无法设置“背景颜色”的属性值:对象为空或未定义

我怎么了?

0 投票
1 回答
943 浏览

c# - 使用 onMouseMove 事件时,DrawingVisual 跟随光标的性能问题

我正忙于一个小型应用程序,我想在光标悬停在画布上时在光标位置显示信息。有问题的 Canvas 是一个自定义的(继承自 Canvas),它提供了添加绘图视觉的功能(基本上每个教程中都显示了在画布上显示大量几何形状)。

我想显示一条垂直线和水平线以及直接从画布坐标(v)派生的局部坐标(下面代码中的p)。目前,我在位置 (0,0) 处渲染这些对象,并在 OnMouseMove 事件期间使用偏移量来更新它们的位置。

水平线和垂直线在 DrawingVisual _cursor 中呈现,在 _info 中的局部 y、z 坐标中呈现位置。

使用 mousemove 事件似乎会产生很多开销,我可以看到当我快速移动鼠标时跟踪鼠标移动存在问题。

谁能推荐一种更好的方法来产生相同的效果?

示例 http://www.iccg.be/test/images/canvas.jpg

编辑: 我进一步调查了它,当画布的分辨率更大时,问题似乎出现了。如果它是 600x400 画布,则没有延迟,但是当它在 1000x800 左右时,我会在悬停时遇到延迟问题。如果我使用用户绘制的十字准线而不是具有画布全宽/高度的线条,性能也会有所提高。

0 投票
2 回答
1748 浏览

javascript - 如何在 Javascript/jQuery 中获取 mousemove 事件的开始时间?

我可以从 mousemove 事件的回调函数中的“事件”参数中获得与开始时间相关的任何属性吗?

0 投票
1 回答
588 浏览

jquery - 在鼠标不活动设置为一个 div 时隐藏 div

我找到了一个脚本,想稍微修改一下。当用户在某个 div #gallery 上处于非活动状态或处于活动状态时,我试图为 div #menuwrap 设置动画。

现在,即使在第一次动画后,它仍然在#gallery 之外进行动画处理。

任何帮助深表感谢!

演示:http: //jsfiddle.net/m2FvY/1/

0 投票
1 回答
1119 浏览

javascript - 如何收集onMouse和onTouch以便画布可以在鼠标和ipad上使用?

我在混淆如何在我的编码中放置 ontouch 时遇到了问题,因为我希望它在 ipad 上运行,下面是我的代码

清除画布中的行的代码

让画布具有填充样式颜色和功能

可以像签名一样画线的画布

所以我想知道我是否要同时保留onMouse和ontouch,我如何放置ontouch以便可以在ipad上绘制画布?请帮忙,很紧急

0 投票
2 回答
879 浏览

qt - qt mousemoveEvent(与qss有关)

我有一个QLabel的小部件类'BlockWidget'子类,在ctor中我设置了它的qss qss_1,我想要动画效果,当鼠标移动它时,它会改变它的背景颜色,所以我设置它的qss qss_2,但是它似乎不起作用......我的代码是这样的:

我有一个主窗口,我实例化了 81 个 BlockWidget 实例。当我的鼠标移到其中一个时,什么也没发生。但是如果我点击它几次,它会改变它的 qss 样式(它的背景变成蓝色)

在此处输入图像描述

在此处输入图像描述

0 投票
2 回答
177 浏览

java - Java2D API 中的转换

我正在尝试测试与 Rectangle2D.Float 和 Point2D.Float 的碰撞。我有一个包含相机的 2D 世界(它根据相机的 AffineTransform 转换 graphics2D 画布)。然后我有一个包含子对象 Y 的对象 X 的列表。画布在相机转换为 X 的 AffineTransformation 的基础上进行转换,因此对象被渲染在正确的位置。我可以成功测试与对象 X 内的鼠标的碰撞,但我在测试子对象 Y 时遇到问题,因为 Y 对象“认为”它们位于位置 (0,0),即使它们位于其他位置,因为他们的父对象 X 被重新定位为 (200,200)。所以换句话说,对象 X 和 Y 出现在位置 (200,200),但碰撞发生在 (0,0) 而不是 (200,

我相信这与调用 AffineTransform.transform 和 AffineTransform.inverseTransform 的正确组合有关,但我无法将我的大脑包裹在正确的组合上。

0 投票
2 回答
52346 浏览

javascript - 使用 JavaScript 显示鼠标 x 和 y 位置

第一个版本没有显示 x 和 y 并得到以下错误:

未捕获的类型错误:无法读取未定义的属性“pageX”

第二个版本有效,但编码非常相似,找不到问题。

第一个版本(不工作)

第二版(工作)

0 投票
1 回答
640 浏览

javascript - webkit中的错误?Windows 媒体播放器运行时鼠标移动事件连续触发

在 Safari 和 Chrome 中(不是在 FireFox 中,例如“在 webkit”中),当我们在后台播放 Windows Media Player 并监听鼠标移动事件(这里使用 JQuery)时,我们看到鼠标移动事件即使在鼠标不动。

在 windows 媒体播放器运行时发生,并且在鼠标移出画布时停止发生。

但是如果用户在音乐播放和鼠标在画布上的情况下离开计算机,我们就无法识别他们的空闲状态。

问题:

  • 有人听说过这个吗?一定要魔法修复吗?
  • 这似乎是一个 webkit 问题,但我不是 webkit 专家,我将如何向 webkit 人员宣布它?
0 投票
3 回答
167 浏览

javascript - 使img不要在html中移动

我的页面上有一张图片,我想在鼠标按下时收听 onmousemove 事件。但我不能,因为在我的浏览器(Firefox)中,当我拖动图像时,实际上我拖动了我不想要的图像。

这是我的代码:

JavaScript 部分:

HTML部分: