html5支持手机触控吗？答案

【问题标题】：Does html5 support touch on mobile phones?html5支持手机触控吗？
【发布时间】：2011-08-31 06:04:35
【问题描述】：

我想知道 html5 是否支持移动设备原生的触摸功能？因此，我们不必为 iOS/Android/WP7 制作原生应用，而是可以制作在移动浏览器中加载的 html5 页面。

编辑

我的意思是浏览器中原生触摸的 JavaScript 支持，因此您可以在 html5 中使用触摸做自己的事情。

【问题讨论】：

【解决方案1】：

只要把点赞和按钮设置得足够大，就可以了。

【讨论】：

【解决方案2】：

取决于触摸事件的类型。对于您的标准浏览器单击/鼠标事件，这些事件由浏览器模拟。正如 Halst 所提到的，只要让可点击的元素足够大以在移动环境中工作即可。

如果您想使用多点触控/手势，它会变得更有趣。

Webkit 提供touchstart, touchmove, touchend, touchcancel。 IOS Safari 和 Android Webkit 对单点触摸事件的支持应该相同。您可以自行开发或使用 jqTouch 之类的库。

您可以阅读更多关于IOS Safari handles touch events 的信息。 Android 事件似乎没有很好的文档记录，但您可以在 quirksmode touch support 上阅读更多信息。

【讨论】：

【解决方案3】：

有点。

可以编写一个看起来几乎像 iPad 原生应用程序（包括多点触控）的网页，但我不得不放弃使用“高级”事件，而必须明确处理 touches 数组以获得合理的缩放/平移。结果在 IMO 中非常好（我向人们展示了矢量图形编辑器玩具认为它是一个原生应用程序）。

但是对于 Android，事情有点棘手，因为在我的 Nexus 上显然没有办法让任何东西接近全屏（对于手机来说，失去地址栏空间意味着失去很多空间）而且多点触控是在默认浏览器中禁用:-(

然而，例如在 Opera 中，这两个问题（全屏和多点触控）都得到了解决，我认为这很可悲，因为（可能）这意味着他们不希望手机上有好的网络应用程序......

因此，从技术上讲，可以编写一个同时在桌面和手机上运行的 html5/js 程序，但这当然并不意味着桌面应用程序的最佳 UI 也适用于手机。

【讨论】：