2012-03-23 42 views
1

我已經在GWT中開發了一個可調整大小的面板。對於這個我也提到了下面的帖子,在GWT中觸摸調整大小面板

GWT resizable panel

我在AppEngine上託管的演示。請檢查此:http://rvs-test.appspot.com

任何人都可以幫助我啓用觸摸事件的面板得到調整。我期待在iPad和Android平板電腦中實現相同的功能。但這似乎並沒有在那裏工作。

實際上iPad中發生的是,當我觸摸面板時,整個面板被選中。我嘗試使用以下內容

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

但仍然被選中。這與Roughian GWT示例中的VerticalSplitPanel一樣。這裏是鏈接到它,

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

任何幫助將不勝感激...!

回答

0

我想通了自己....我加觸摸事件,就像我加入鼠標事件

因爲,

  1. 按下鼠標---輕觸開始
  2. MOUSE UP ---觸摸結束
  3. MOUSE MOVE --- TOUCH MOVE
  4. ON LOSE CAPTURE ---觸摸取消

然後我加入水槽事件到我的觸摸事件,

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

我認爲我們可以手動刪除range.First趕上瀏覽器事件,然後從DOM.Then刪除所有範圍你可能會得到所有其他events.Try thout下面的代碼刪除選擇,

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