如何在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小部件（切换，滑块，选项卡）

演示在这里 。