Web applications 使用高级触摸控制编写移动Web应用程序

Web applications 使用高级触摸控制编写移动Web应用程序,web-applications,ios,html,Web Applications,Ios,Html,情况: 我有一个移动的HTML5应用程序。该应用程序在任何非移动浏览器中都非常有效。游戏相当“令人困惑”,你点击一块瓷砖,然后将鼠标拖动到其他瓷砖上,形成一串瓷砖。这涉及到捕获mousedown事件,然后记录并更改拖动的所有平铺,并在mouseup事件上停止 问题 在它的原生版本中,它不适用于iOS设备或黑莓Playbook。在iOS竞技场中,我有能力禁用屏幕移动,但我还没有弄清楚如何记录L形触摸并“标记”单个动作中触摸的每个磁贴 是否有框架、jQuery插件或类似的东西可以工作? 理想情况下,

情况:

我有一个移动的HTML5应用程序。该应用程序在任何非移动浏览器中都非常有效。游戏相当“令人困惑”,你点击一块瓷砖,然后将鼠标拖动到其他瓷砖上,形成一串瓷砖。这涉及到捕获mousedown事件,然后记录并更改拖动的所有平铺,并在mouseup事件上停止

问题 在它的原生版本中,它不适用于iOS设备或黑莓Playbook。在iOS竞技场中,我有能力禁用屏幕移动,但我还没有弄清楚如何记录L形触摸并“标记”单个动作中触摸的每个磁贴

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


提前谢谢

应该可以工作

对于触摸屏,您需要的功能是
ontouchstart
ontouchend

请看一看这些示例的教程。但基本上,您可能希望将更改平铺的代码从onmousedown/up重构到另一个函数,并在onmousedown/up和ontouchstart/end中为此设置条件


另外,由于您熟悉JQuery,请看一看

这不是关于手机本身,而是关于浏览器,您应该知道并非所有浏览器都能处理html5,如果您正在处理这种情况,我们可以跳到下一件事,即插件,我可以为您提供几个链接,其中包含一些好的插件:

//非常好的插件,我更喜欢你使用这个插件


看看PastryKit,它是由苹果自己开发的。
您可以尝试以下方法:

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

-它将您的大部分代码编译成原生iPhone或Android应用程序。本质上,它不是web框架,而是一个兼容性层


参考博客,Sencha Touch更受欢迎,谢谢。看起来比较博客比较了jQuery Mobile和Sencha的更早版本。我们将使用jQuery版本,因为我们的许多功能齐全的网站都已经基于它。