问题标签 [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 回答
7378 浏览

c# - 使鼠标位置超过表单的最佳方法是什么?

我想要获得表格鼠标位置的最佳方法。

我现在在变量中设置鼠标位置的值,以便在另一种方法“Like Form1_Click”中获取它们。

有没有更好的方法来做到这一点??

非常感谢你。

0 投票
2 回答
4300 浏览

javascript - onmouseover、onmouseout、onclick 事件上的图像更改

我有两个图像,img1 和 img2。我的代码:

要求是,我需要在鼠标悬停时使用 img1,在鼠标悬停时需要 img2,这工作正常,但在单击时,我需要打开 div,img2 被冻结,然后再次单击 div 消失,onmouseover 和 onmouseout 状态正常工作。目前的问题是,点击时会出现 div,但也会触发 onmouse over 和 onmouseout 函数。

库什

0 投票
2 回答
5391 浏览

javascript - dojo - mouse(x, y) - 拖放 - 挫败感

我正在尝试使用 dojo.dnd 拖动对象,但希望头像与对象处于相同位置(相对于鼠标)

即,如果一个人在对象的中间单击,则鼠标光标将位于头像的中间。

我得到了各种奇怪的结果。如果我将一个函数连接到 body.onmousemove,则 dnd 的放置部分会失败。

我怎样才能让这个工作?

<html>
<head>
<title>DnD Events</title>
<style type="text/css">
.target
{
border: 1px dotted gray;
width: 300px;
height: 300px;
padding: 5px;
-moz-border-radius: 8pt 8pt;
radius: 8pt;
}
.source
{
border: 1px dotted skyblue;
height: 200px;
width: 300px;
-moz-border-radius: 8pt 8pt;
radius: 8pt;
}
.dojoDndItemOver
{
background: #feb;
border: 1px dotted gray;
}


.target .dojoDndItemAnchor
{
background: #ededed;
border: 1px solid gray;
}
.dojoDndAvatarHeader {
display: none;
}
</style>
<script type="text/javascript" src="dojo/dojo.js" djconfig="parseOnLoad: true, isDebug:false"></script>
<script type="text/javascript">
dojo.require("dojo.dnd.Source");
dojo.require("dojo.dnd.Container");
dojo.require("dojo.dnd.Moveable");
dojo.require("dojo.dnd.Manager");
dojo.require("dojo.dnd.Avatar");

var mouse = { x: 0, y: 0 , handle:undefined};
function mouseCoords(ev) {
var px, py;
ev = ev || window.event;
if (ev.pageX || ev.pageY) {
px = ev.pageX; py = ev.pageY;
} else {
px = ev.clientX + dojo.body().scrollLeft - dojo.body().clientLeft;
py = ev.clientY + dojo.body().scrollTop - dojo.body().clientTop;
}


mouse = { x: px, y: py };
// dojo.byId("msg").innerHTML = dojo.toJson(mouse);


}
//dnd WORKS when following lines are commented out. (positioning fails)
var mchandle = dojo.connect(document, "onmousemove", 'mouseCoords');
//dojo.query(".dojoDndItem").connect("onclick", 'mouseCoords');
//dojo.dnd.Source.onMouseDown('mouseCoords')
</script>
<script type="text/javascript">








var item_price;
var total = 0;
function AddItems(target, nodes) {
for (var i = 0; i < nodes.length; i++)
{ total += parseFloat((target.getItem(nodes[i].id)).data); }
dojo.byId("cost").innerHTML = total;
}


function SubstractItems(target, nodes) {
for (var i = 0; i < nodes.length; i++) {
total -= parseInt((target.getItem(nodes[i].id)).data);
}
dojo.byId("cost").innerHTML = total;
}


function ShowPrice(target, nodes) {
var sum = 0;
for (var i = 0; i < nodes.length; i++) {
dojo.dnd.manager().OFFSET_X = 0 - (mouse.x - dojo._abs(nodes[i]).x);
dojo.dnd.manager().OFFSET_Y = 0 - (mouse.y - dojo._abs(nodes[i]).y);
dojo.dnd.manager().updateAvatar();
sum += parseInt((target.getItem(nodes[i].id)).data);
}

dojo.byId("msg").innerHTML = "Selected Item Price is $" + sum;
}


function ClearMsg()
{ dojo.byId("msg").innerHTML = ""; }


function init() {






dojo.subscribe("/dnd/drop", function(source, nodes, iscopy) {
var t = dojo.dnd.manager().target;
ClearMsg();
if (t == source) { return; }
if (t == cart) { AddItems(t, nodes); }
if (t == shelf) { SubstractItems(t, nodes); }



});


dojo.subscribe("/dnd/start", function(source, nodes, iscopy) {
ShowPrice(source, nodes);
});


dojo.subscribe("/dnd/cancel", function() {
ClearMsg();
});


}




dojo.addOnLoad(init);
















</script>





</head>
<body style="font-size: 12px;">


<table>
<tbody>
<tr valign="top">
<td>
SOURCE
<div dojotype="dojo.dnd.Source" jsid="shelf" class="source" id="source1" accept="red,blue"
singular="false">
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="10" title="$10" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="60" title="$60" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="13" title="$13" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="15" title="$15" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="3" title="$3" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="148" title="$148" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="1" title="$1" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="10" title="$10" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="3" title="$3" />
</div>
</td>
<td>
TARGET
<div dojotype="dojo.dnd.Source" jsid="cart" class="target" accept="red,blue" id="target1">
</div>
</td>
<td>
Total Price (USD): <span id="cost">0.00</span><br />
<b>Message: <span id="msg" style="color: blue"></span></b>
<td>
</tr>
<tbody />
</table>
</body>
</html>






0 投票
3 回答
5874 浏览

java - 如何在 Java 中有效地跟踪光标位置?

我一直在尝试创建的效果是,只要鼠标进入 JPanel 上的某个区域,鼠标光标图标就会发生变化,而只要它离开该区域,就会切换到默认值。我在 MouseMotionListener 类中使用 MouseMoved 功能,每当鼠标在 JPanel 上移动时,它都会验证坐标是否对应于特殊区域。

但是,这种方法对计算机处理器的压力非常大,所以我想问一下是否有更有效的方法。任何帮助表示赞赏。

What the program does is it draws figures on a JPanel, and when the Connection button is selected then it connects those figures with a line if the user clicks on one figure, and then on another.

这些图形绘制在 JPanel 上,并存储了它们各自的区域边界,因此当鼠标移动时,它会检查当前 X 和 Y 坐标是否在这些区域之一内,如果是,则更改光标。checkValidConnectionRegion 检查当前 X 和 Y 变量是否在图形区域内。这是处理程序的代码:

0 投票
1 回答
900 浏览

javascript - 无法更改此 javascript 以在 mousemove 上读取的高度小于宽度

所以我正在尝试设置这个jQuery CSS 停靠菜单,您可以在设置中接近输入。接近度决定了何时触发缩放,但您只能放置一个距离 - 高度和宽度相同。如何更改此代码以允许输入一个高度和一个宽度 - 或者 - 我如何只输入一个值但将垂直值切成两半?任何一个都可以...这是我认为需要更改的代码...如果您需要整件事,请告诉我,我会发布其余的

有任何想法吗?

谢谢,
马特

0 投票
3 回答
3413 浏览

delphi - 为什么 D2010 中鼠标不动时 OnMouseMove 反复触发?

我正在将一个 Delphi 5 应用程序移植到 D2010,我遇到了一些问题。一种形式是带有 OnMouseMove 事件的 TImage 组件,该事件应该在鼠标移到图像上时更新标签。这在原始应用程序中工作得很好,但现在只要鼠标悬停在图像上,无论它是否移动,OnMouseMove 事件都会不断触发,这会导致标签可怕地闪烁。

有谁知道是什么原因造成的以及如何解决它?

0 投票
2 回答
16500 浏览

c# - 在 OnMouseMove 事件中查看鼠标左键是否被按住

如何检测是否在OnMouseMove控件事件中按住鼠标左键?

0 投票
2 回答
3303 浏览

javascript - document.onmousemove / onmmouseup 防止在 IE 输入或 textarea 中选择文本

每当我更改文档的 onmousemove 或 onmouseup 属性时,例如:

文档.onmousemove = myOnMouseMove;

文档.onmouseup = myOnMouseUp;

它阻止我在 Internet Explorer 中选择任何输入 type='text'textarea元素中的文本(在 ie7 和 ie8 中尝试过,在 Firefox 中很好)。如果我删除其中任何一个,它允许我再次选择文本,但我真的需要两者都让我的自制拖放功能在页面的其他地方工作。

有什么方法可以保留 onmouseXXX 函数的默认功能并将我的函数附加到末尾?还是有更好的方法来做到这一点?

我也有同样的问题,使用 textarea 的 onkeyup 属性将闪烁的文本光标强制到文本的末尾。

谢谢

0 投票
1 回答
2078 浏览

jquery-plugins - jquery 插件:使用 live() 的工具提示插件

我需要一个依赖于 live() 方法而不是普通的 hoever 和 mousemove 的工具提示插件

0 投票
1 回答
358 浏览

greasemonkey - Greasemonkey onmousemove 脚本

我有一个用户脚本,它应该在第一个 mousemove-event 上删除某个类的所有图像。

在编写 Greasemonkey 脚本方面非常新,好吧,这是我的第一个脚本,我认为只是缺少一些小东西。

谢谢你的帮助!