Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xcode/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过jQuery单击时显示鼠标位置_Jquery_Click_Coordinates_Mousemove_Mousedown - Fatal编程技术网

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

通过jQuery单击时显示鼠标位置,jquery,click,coordinates,mousemove,mousedown,Jquery,Click,Coordinates,Mousemove,Mousedown,我想在我的站点中,在画布内的图像中创建一个旋转工具。作为第一步,我希望每次都能找到鼠标的坐标,以便以后强制图像根据这个坐标旋转。 我知道我可以使用mousemove,只要我移动鼠标,它就会给我坐标。但我想要的是,按住鼠标并移动它,然后得到坐标。所以不仅仅是鼠标移动,而是鼠标点击并移动。 有没有办法做到这一点 提前感谢请查看此页面 你可以根据需要更换 它是Jquery的一个可拖动工具 $('#id').draggable({ drag: function(event, ui) { va

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


提前感谢

请查看此页面

你可以根据需要更换

它是Jquery的一个可拖动工具

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

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

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

实际上没有组合事件,但是您可以设置一个变量来检查鼠标是否被按住,然后仅处理坐标,如果它是真的?见:


“mouseout”事件是在您从元素中拖出后停止录制,释放单击,然后将鼠标悬停回上方。

是,但这一个在鼠标上方显示X,Y。我想在鼠标按下并移动时显示它们。如果您也希望正方形移动,请导入jQuery可拖动ui,并使其可拖动$(“square”)。draggable();我想做一些类似于draggable的事情,但我没有div,我希望选择器是我的鼠标,以便获得它的X,Y。如果是这样,我无法确切理解您想要实现的目标,添加您编写的代码将有助于检查编辑的答案。拖动div并获取位置应该没问题。我不确定这是否符合你的要求。我没有身份证。我没有任何元素。我只是让鼠标在元素中移动。所以我不想拖动元素,我只想看到鼠标向下移动时的鼠标坐标。对不起,在这种情况下,这个示例没有用处。但值得一看。是的,这就是我想要的。谢谢。您是否知道是否可以在画布上添加此on()事件?因为我认为这不是在画布上工作。