触摸GWT中的调整大小面板

Question

我在GWT开发了一个可调整大小的面板。为此我已经提到了以下帖子，

GWT resizable panel

我在AppEngine中托管了演示。请检查一下：http://rvs-test.appspot.com

任何人都可以帮我启用Panel的触摸事件来调整大小。我希望在iPad和Android平板电脑上实现相同的功能。但这似乎不适用于那里。

实际上iPad中发生的事情是，当我触摸面板时，整个面板被选中。我尝试使用以下

-webkit-user-select: none;
-webkit-touch-callout: none; 

但它仍然被选中。这与Roughian GWT示例中的VerticalSplitPanel的情况相同。这是链接，

http://examples.roughian.com/#Panels~VerticalSplitPanel

任何帮助将不胜感激......！

Answer 1

我认为我们可以手动删除范围。首先捕获浏览器事件，然后从DOM中删除所有范围。然后您可以获取所有其他事件。尝试使用以下代码删除选择，

var sel = window.getSelection();
var range = sel.getRangeAt(0);
sel.removeAllRanges();

Answer 2

我自己想出来......我添加了触摸事件就像我添加鼠标事件一样

对，

1. MOUSE DOWN --- TOUCH START
2. MOUSE UP --- TOUCH END
3. MOUSE MOVE --- TOUCH MOVE
4. 失去捕获---触摸取消

然后我将水槽事件添加到我的触摸事件中，

this.sinkEvents(Event.MOUSEEVENTS | Event.ONLOSECAPTURE | Event.TOUCHEVENTS | Event.ONTOUCHCANCEL);