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