使用GWT进行图像平移和缩放

Question

我有一个固定大小的图像，我想显示图像的子集。我想允许用户单击并拖动以移动图像的可见区域。

Image类有一个很好的setUrlAndVisibleRect方法，可以处理图像区域显示。我遇到的问题是鼠标点击并拖动工作。

我注册了Mouse Down / Up / Move处理程序，这在Firefox中看起来非常有前景。然后我在IE8中测试了它......

我点击并拖动时在IE8中看到的行为： - 单击时的MouseDown事件 - 浏览器然后在拖动时显示“无条目”符号光标 - 最后，当我发布时，我没有鼠标活动。

以跨浏览器方式处理此问题的正确方法是什么？

Answer 1

您想使用MouseDownEvent.preventDefault()。这可以防止浏览器对事件采取默认操作，即启动您看到的拖动操作。

如果不起作用，请尝试MouseMoveEvent.preventDefault()。其中一个会杀了它。