javascript - html5支持手机触控吗？

Question

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

编辑

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

score 8 · Accepted Answer

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

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

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

您可以阅读有关IOS Safari 如何处理触摸事件的更多信息。Android 的事件似乎没有很好的文档记录，但您可以阅读更多关于quirksmode touch support的内容。

score 2 · Accepted Answer

2

只要让点赞和按钮足够大，就是这样。

于 2011-05-23T15:21:24.417 回答

score 0 · Accepted Answer

有些。

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

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

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

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

3 回答 3