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

Question

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

提前致谢

Answer 1

看看这个页面。

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

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/draggable/#events

它是Jquery的一个可拖动的设施。

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

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

Answer 2

如果您打算在点击时移动鼠标时获取X，Y线，请查看此JsFiddle *大部分代码都是直接从jQuery文档中获取的，我刚刚做了一些更改。 如果您想拖动一个对象并在拖动时获得坐标，那我就错了，上面的示例对您的情况没有用

Answer 3

没有真正的组合事件，但你可以设置一个变量来检查鼠标是否被按下然后只处理coords如果它是真的？请参阅：http://jsfiddle.net/Vrpd3/1/

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