Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.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
Javascript 如何在拖动过程中操纵拖动图像的坐标_Javascript_Html_Gwt_Drag And Drop - Fatal编程技术网

Javascript 如何在拖动过程中操纵拖动图像的坐标

Javascript 如何在拖动过程中操纵拖动图像的坐标,javascript,html,gwt,drag-and-drop,Javascript,Html,Gwt,Drag And Drop,在某些情况下,我在应用程序中使用特定的拖放图像进行拖放操作。将相对论添加到鼠标光标时,也可以放置图像。那很好用。 是否也可以在拖动过程中操纵拖动图像的坐标?在我的例子中,拖动图像的x坐标必须是固定的,并且只有y坐标可以改变,因此拖动图像只能上下移动。 到目前为止,我还没有找到解决这个问题的办法 非常感谢,Szdnez您不能使用HTML5拖放API对其进行操作,但您可以使用一些库作为操作库。 此外,还有大量具有相同目的的库。:) $(函数(){ $(“#draggable”).draggable

在某些情况下,我在应用程序中使用特定的拖放图像进行拖放操作。将相对论添加到鼠标光标时,也可以放置图像。那很好用。 是否也可以在拖动过程中操纵拖动图像的坐标?在我的例子中,拖动图像的x坐标必须是固定的,并且只有y坐标可以改变,因此拖动图像只能上下移动。 到目前为止,我还没有找到解决这个问题的办法


非常感谢,Szdnez

您不能使用HTML5拖放API对其进行操作,但您可以使用一些库作为操作库。 此外,还有大量具有相同目的的库。:)

$(函数(){
$(“#draggable”).draggable({axis:'x'});
} );

#可拖动{宽度:150px;高度:150px;填充:0.5em;}
[拖动我]
拖动固定到x轴


您将问题标记为gwt。您想知道如何在GWT或javascript中实现这一点吗?请参阅我在Rubens answer上的第一条评论。嘿,谢谢。jquery是否使用鼠标事件实现拖放?因为我使用的是Vaadin和GWT/JavaScript,并且希望使Vaadin网格(vaadin8.1)可以拖动。如果我使用标准的Vaadin方式,那么使用HTML5拖放。我对画布也有同样的问题。为此,我使用了lib gwtnd(使用鼠标事件),它工作得很好。但是lib不能用于网格。我想网格捕获了很多鼠标事件,因此lib没有得到通知,无法正常工作。如果您有任何问题,只需将网格包装在容器中,并停止从这个冒泡分区触发的事件。您可以只使用事件对象的方法