使用高级触控控件编程移动Web应用程序

Question

情况:

我有一个移动的HTML5应用程序。该应用在非移动浏览器中运行良好。这个游戏有点像“boggle”，你需要点击一个方块，然后拖动鼠标移到其他方块上，以形成一串方块。这涉及捕获mousedown事件，然后记录和更改你拖动的所有方块，并在mouseup事件上停止。

问题 在其原生形式下，它无法在iOS设备或Blackberry Playbook上使用。在iOS环境中，我可以禁用屏幕移动，但我还没有想出如何记录L形触摸并“标记”单次触摸的每个块。

是否有框架、jQuery插件或类似物可用？ 理想情况下，它将作为“成品”适用于iOS、Playbook和Android浏览器。

提前感谢！

- gamerzfuse

Answer 1

事情并不是关于手机本身，而是浏览器的问题，你应该知道并不是所有浏览器都能处理HTML5。如果你正在处理这种情况，我们可以跳到下一个问题，即插件。我可以提供给你几个链接，其中包含一些很好的插件：

http://jqtouch.com/ // 非常好的插件，我建议你使用它

http://awardwinningfjords.com/2010/09/22/handling-touch-events-in-jquery-tools-scrollable.html

http://plugins.jquery.com/plugin-tags/touch

- Arrabi

Answer 2

http://www.evanbyrne.com/article/super-gestures-jquery-plugin 应该可以使用。

- HaloWebMaster

Answer 3

触摸屏幕的功能可以使用ontouchstart和ontouchend实现。 请查看这些幻灯片，其中有示例教程。一般来说，您可能需要将瓷砖更改代码从onmousedown/up重构为另一个函数，并在onmousedown/up和ontouchstart/end中设置条件。 此外，由于您熟悉JQuery，请查看JQuery Mobile。

- musaul

Answer 4

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

- Skyler Saleh

Answer 5

您可以尝试以下内容：

DHTMLx（商业使用需要购买该产品。）

Sencha Touch

Titanium Mobile - 它将大部分代码编译成本地 iPhone 或 Android 应用程序。 本质上它不是 Web 框架，而是兼容性层。

参考比较博客博客，Sencha Touch 被认为比JQTouch和 Jquery Mobile 更受欢迎。

- Pravin

---

+1 谢谢。看起来比较博客对比了 jQuery Mobile 和 Sencha 的早期版本。我们将选择 jQuery 版本，因为我们的许多功能齐全的网站已经基于它构建。 - NotMe