通过jQuery单击时显示鼠标位置答案

【问题标题】：Show mouse position while clicking by jQuery通过jQuery单击时显示鼠标位置
【发布时间】：2012-08-20 18:31:23
【问题描述】：

我想在我的网站中，在画布内的图像中制作一个旋转工具。作为我的第一步，我想每次都找到鼠标坐标，以便稍后强制图像根据此旋转。我知道我可以使用 mousemove 只要我移动鼠标，它就会给我坐标。但我想要的是按住鼠标并移动它然后获取坐标。所以不仅仅是鼠标移动，而是鼠标点击并移动。有没有办法做这样的事情？

提前致谢

【问题讨论】：

【解决方案1】：

实际上并没有组合事件，但是您可以设置一个变量来检查鼠标是否被按住，然后只在它是真的时处理坐标？见：http://jsfiddle.net/Vrpd3/1/

“mouseout”事件是在拖出元素后停止记录，释放点击然后将鼠标悬停在上面。

【讨论】：

【解决方案2】：

如果您的目标是在单击鼠标时移动鼠标时获取 X、Y 线，请查看JsFiddle *大部分代码直接取自 jQuery 文档，我只是做了一些更改。 如果你想拖动一个对象并在拖动时得到坐标，我错了，上面的例子对你的情况没有用

【讨论】：

【解决方案3】：

看看这个页面。

您可以根据需要进行更改。

它是一个可拖动的 Jquery 工具。

$('#id').draggable({
drag: function(event, ui) {
    var toppos =ui.position.top
    var leftpos = ui.position.left
}
});

因此对于每次拖动，您都可以知道可拖动对象的位置。是的，您将从最初放置可拖动 div 的位置获得相对位置。而不是页面内的绝对值。

【讨论】：