如何在IOS / Android中處理觸摸事件

Question

我正在開發Web應用程序。 按照要求，當用戶滑動和觸摸（或單擊）時，我需要創建滾動圖像效果，我需要將特定圖像移動到某個預定義的目標位置。

因此，某些圖像堆棧有兩個事件，在觸摸移動時它應該向左或向右滾動，而在觸摸開始（單擊）時它應該移動到某個距離。

我無法處理這兩個事件，我只想在用戶滑動時觸發觸摸移動事件，並希望在用戶觸摸或單擊時觸發觸摸啟動。

但是在滑動時，觸摸開始事件也會觸發。 請給我建議解決方案。

即使我嘗試單擊事件而不是觸摸開始，但仍然有相同的問題。

Answer 1

您可以在http://developer.yahoo.com/yui/3/scrollview/上查看YUI 3的Scrollview小部件，此外，YUI 3.2還添加了觸摸支持。

Answer 2

如果您能夠將Jquery換成更小巧，更適合移動設備的東西，則Zepto提供了一個不錯的選擇。 它不是所有Jquery的直接替代品，但令人驚訝地兼容。 它提供了基本的觸摸事件和CSS動畫，使在iOS上進行現代Web開發成為可能。

如果您正在尋找更完整的移動框架，則Spine.js和Spine.Mobile.js可以位於Jquery或Zepto之上，並且可以很好地使用現代JS開發技術來創建單頁應用程序。

IScroll4在隱藏觸摸事件的痛苦方面也做得很好，即使在舊版本的iOS和Android中，也可以實現諸如靜態頁眉和頁腳之類的東西。

更新

jqTouchPunch有點hack，但是效果很好。

Answer 3

看一下jQuery Mobile 。 盡管目前處於Alpha階段，但他們計划在2011年春季發布第一個版本。

jQuery Mobile：針對智能手機和平板電腦的觸摸優化的Web框架

在堅如磐石的jQuery和jQuery UI基礎上構建的跨所有流行移動設備平台的統一用戶界面系統。 它的輕量級代碼具有逐步增強的功能，並具有靈活，易於主題化的設計

觸摸優化的布局和UI小部件

我們的目標是提供構建動態觸摸界面的工具，以適應各種設備尺寸。 該系統將同時包含布局（列表，詳細信息窗格，覆蓋圖）以及一組豐富的表單控件和UI小部件（切換，滑塊，選項卡）

演示在這里 。