问题标签 [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.
c# - 使鼠标位置超过表单的最佳方法是什么?
我想要获得表格鼠标位置的最佳方法。
我现在在变量中设置鼠标位置的值,以便在另一种方法“Like Form1_Click”中获取它们。
有没有更好的方法来做到这一点??
非常感谢你。
javascript - onmouseover、onmouseout、onclick 事件上的图像更改
我有两个图像,img1 和 img2。我的代码:
要求是,我需要在鼠标悬停时使用 img1,在鼠标悬停时需要 img2,这工作正常,但在单击时,我需要打开 div,img2 被冻结,然后再次单击 div 消失,onmouseover 和 onmouseout 状态正常工作。目前的问题是,点击时会出现 div,但也会触发 onmouse over 和 onmouseout 函数。
库什
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>
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 变量是否在图形区域内。这是处理程序的代码:
javascript - 无法更改此 javascript 以在 mousemove 上读取的高度小于宽度
所以我正在尝试设置这个jQuery CSS 停靠菜单,您可以在设置中接近输入。接近度决定了何时触发缩放,但您只能放置一个距离 - 高度和宽度相同。如何更改此代码以允许输入一个高度和一个宽度 - 或者 - 我如何只输入一个值但将垂直值切成两半?任何一个都可以...这是我认为需要更改的代码...如果您需要整件事,请告诉我,我会发布其余的
有任何想法吗?
谢谢,
马特
delphi - 为什么 D2010 中鼠标不动时 OnMouseMove 反复触发?
我正在将一个 Delphi 5 应用程序移植到 D2010,我遇到了一些问题。一种形式是带有 OnMouseMove 事件的 TImage 组件,该事件应该在鼠标移到图像上时更新标签。这在原始应用程序中工作得很好,但现在只要鼠标悬停在图像上,无论它是否移动,OnMouseMove 事件都会不断触发,这会导致标签可怕地闪烁。
有谁知道是什么原因造成的以及如何解决它?
c# - 在 OnMouseMove 事件中查看鼠标左键是否被按住
如何检测是否在OnMouseMove
控件事件中按住鼠标左键?
javascript - document.onmousemove / onmmouseup 防止在 IE 输入或 textarea 中选择文本
每当我更改文档的 onmousemove 或 onmouseup 属性时,例如:
文档.onmousemove = myOnMouseMove;
文档.onmouseup = myOnMouseUp;
它阻止我在 Internet Explorer 中选择任何输入 type='text'或textarea元素中的文本(在 ie7 和 ie8 中尝试过,在 Firefox 中很好)。如果我删除其中任何一个,它允许我再次选择文本,但我真的需要两者都让我的自制拖放功能在页面的其他地方工作。
有什么方法可以保留 onmouseXXX 函数的默认功能并将我的函数附加到末尾?还是有更好的方法来做到这一点?
我也有同样的问题,使用 textarea 的 onkeyup 属性将闪烁的文本光标强制到文本的末尾。
谢谢
jquery-plugins - jquery 插件:使用 live() 的工具提示插件
我需要一个依赖于 live() 方法而不是普通的 hoever 和 mousemove 的工具提示插件
greasemonkey - Greasemonkey onmousemove 脚本
我有一个用户脚本,它应该在第一个 mousemove-event 上删除某个类的所有图像。
在编写 Greasemonkey 脚本方面非常新,好吧,这是我的第一个脚本,我认为只是缺少一些小东西。
谢谢你的帮助!