使用高级触控对移动 Web 应用程序进行编程答案

【问题标题】：Programming a mobile Web App with Advanced Touch Controls使用高级触控对移动 Web 应用程序进行编程
【发布时间】：2011-08-15 12:48:14
【问题描述】：

情况：

我有一个移动的 HTML5 应用程序。该应用程序适用于任何非移动浏览器。游戏非常“类似于拼图”，您单击一个图块，然后将鼠标拖过其他图块以制作一串图块。这涉及捕获 mousedown 事件，然后记录和更改您拖过的所有图块，并在 mouseup 事件上停止。

问题在它的原生形式中，它不适用于 iOS 设备或 Blackberry Playbook。我有能力在 iOS 领域内禁用屏幕移动，但我还没有弄清楚如何记录 L 形触摸并“标记”单个动作中触摸的每个图块。

是否有框架、jQuery 插件或类似的东西可以工作？理想情况下，它可以作为“成品”在 iOS、Playbook 和 Android 浏览器上运行。

提前致谢！

【问题讨论】：

【解决方案1】：

问题不是手机本身，而是浏览器，你应该知道并不是所有的浏览器都处理 html5，如果你正在处理这种情况，我们可以跳到下一个东西，插件，我可以为你提供有几个链接有一些很好的插件：

http://jqtouch.com/ // 非常好的插件，我更喜欢你做这个

【讨论】：

【解决方案2】：

【讨论】：

【解决方案3】：

对于触摸屏，您正在寻找的功能是ontouchstart 和ontouchend。

查看这些slides，获取带有示例的教程。但基本上，您可能希望将更改磁贴的代码从 onmousedown/up 重构为另一个函数，并在 onmousedown/up 和 ontouchstart/end 中设置条件。

另外，既然你对 JQuery 比较熟悉，不妨看看JQuery Mobile

【讨论】：

【解决方案4】：

看看 PastryKit，它是苹果自己开发的。 https://github.com/jimeh/PastryKit

【讨论】：

【解决方案5】：

您可以尝试以下方法：

DHTMLx(您需要购买该产品用于商业用途。)

Titanium Mobile - 它将您的大部分代码编译到原生 iPhone 或 Android 应用程序中。本质上它不是 Web 框架，而是一个兼容层。

参考comparison blog 博客，Sencha Touch 比JQTouch 和Jquery Mobile 更受欢迎

【讨论】：

+1 谢谢。看起来比较博客比较了早期版本的 jQuery Mobile 和 Sencha。我们将使用 jQuery 版本，因为我们的很多功能齐全的网站已经基于它。