Сенсорная панель изменения размера в GWT

Question

Я разработал панель с изменяемыми размерами в GWT. Для этого я сослался на следующий пост,

Панель с изменяемыми размерами GWT

Я разместил демо в AppEngine. Пожалуйста, проверьте это: http://rvs -test.appspot.com

Может ли кто-нибудь помочь мне включить сенсорные события для Panel, чтобы изменить ее размер. Я рассчитываю реализовать то же самое в iPad, а также планшеты Android. Но это, похоже, не работает там.

На самом деле, что происходит в iPad, когда я касаюсь панели, выбирается вся панель. Я попытался использовать следующее

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

Но все равно он выбирается. Это то же самое, что и VerticalSplitPanel в Roughian GWT Примеры. Вот ссылка на него,

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

Любая помощь будет оценена ...!

Answer 1

Я понял это сам .... Я добавил сенсорные события так же, как я добавил события мыши

Для,

1. МЫШЬ ВНИЗ --- НАЧАТЬ СТАРТ
2. МЫШЬ ВВЕРХ --- СЕНСОРНЫЙ КОНЕЦ
3. МЫШЕВЫЙ ДВИЖЕНИЕ --- СЕНСОРНЫЙ ДВИЖЕНИЕ
4. ВКЛ. СЪЕМКА ПОТЕРЯ --- СЕНСОРНЫЙ ОТМЕНА

затем я добавил события приемникак моим прикосновениям,

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

Answer 2

Я думаю, что мы можем вручную удалить диапазон. Сначала перехватить событие браузера, а затем удалить все диапазоны из DOM. Затем вы можете получить все остальные события.

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