【问题标题】:how to handle touch events in IOS/Android如何在 IOS/Android 中处理触摸事件
【发布时间】:2011-05-13 15:53:09
【问题描述】:

我正在开发一个 Web 应用程序。根据要求,当用户滑动和触摸(或单击)时,我需要创建滚动图像效果,我需要将特定图像移动到某个预定义的目的地。

所以一些图像堆栈有两个事件,在触摸移动时它应该向左或向右滚动,在触摸开始(点击)时它应该移动一段距离。

我无法同时处理这两个事件,我只想在用户滑动时触发 touch-move 事件,并希望在用户触摸或单击时触发 touch-start。

但在滑动时,触摸开始事件也会触发。请告诉我解决方案。

即使我尝试过点击事件而不是触摸开始,但我仍然遇到同样的问题。

【问题讨论】:

    标签: javascript jquery android ios mobile-safari


    【解决方案1】:

    您可以在http://developer.yahoo.com/yui/3/scrollview/ 查看 YUI 3 的 Scrollview 小部件 此外,YUI 3.2 增加了触控支持。

    【讨论】:

      【解决方案2】:

      如果您能够将 Jquery 换成更小、更适合移动设备的东西,Zepto 提供了一个相当不错的选择。它不是所有 Jquery 的直接替代品,但令人惊讶地兼容。它提供了基本的触摸事件和 CSS 动画,使现代 Web 开发在 iOS 上成为可能。

      如果您正在寻找更完整的移动框架,Spine.jsSpine.Mobile.js 位于 Jquery 或 Zepto 之上,非常适合使用现代 JS 开发技术创建单页应用程序。

      IScroll4 还很好地隐藏了触摸事件的痛苦,并使静态页眉和页脚之类的东西成为可能,即使在旧版本的 iOS 和 Android 中也是如此。

      更新

      jqTouchPunch 有点小技巧,但效果出奇的好......

      【讨论】:

        【解决方案3】:

        看看 jQuery Mobile。虽然目前处于 Alpha 阶段,但他们计划在 2011 年春季发布第一个版本。

        jQuery Mobile:智能手机和平板电脑的触控优化 Web 框架

        一个统一的用户界面系统 所有流行的移动设备平台, 建立在坚如磐石的 jQuery 和 jQuery UI 基础。它的轻巧 代码是用渐进式构建的 增强,并具有灵活的, 易于主题化的设计

        触控优化布局和 UI 小部件

        我们的目标是提供构建工具 动态触摸界面,将 优雅地适应一系列设备 形式因素。该系统将包括 两种布局(列表、详细信息窗格、 覆盖)和丰富的表格 控件和 UI 小部件(切换、 滑块、标签)

        演示是here

        【讨论】:

        • 这些解决方案看起来不错。感谢分享。然而,我已经编写了滚动脚本并且也完成了所有其他编码。目前,我正在寻找一些解决方案来单独处理触摸事件。比如如何区分触摸开始和触摸移动。这样当用户滑动时我会触发一个事件,而当用户触摸我会触发一些 b 事件。请指教
        • 根据我了解到的研究,我们可以计算触摸次数,并从那里我们可以根据触摸抛出事件,例如触摸小于 10 像素 - 触摸开始或者如果超过 10 像素,它应该是触摸移动。但没有得到准确的方法来实现这一点。请帮忙
        • 如果您尝试构建富客户端应用程序,Jquery Mobile 是一个非常糟糕的框架。它确实旨在让旧的服务器端渲染 PHP/ASP/JSP 应用程序感觉像原生应用程序,但最终结果非常糟糕。如果您尝试使用任何现代 Web 开发技术,请使用 Zepto、Spine 或其他东西来进行点击事件。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-12-05
        • 1970-01-01
        相关资源
        最近更新 更多