html5支持觸控手機嗎？

Question

我想知道html5是否支持移動設備原生的觸摸功能？ 因此，我們不必為iOS / Android / WP7制作本機應用程序，但可以制作在移動瀏覽器中加載的html5頁面。

編輯

我的意思是在瀏覽器中支持touch native的JavaScript支持，這樣你就可以通過html5中的觸摸實現自己的功能。

Answer 1

取決於觸摸事件的類型。 對於標准瀏覽器單擊/鼠標事件，這些事件由瀏覽器模擬。 正如Halst所提到的，只需使您的可點擊元素足夠大，即可在移動環境中工作。

如果你想使用多點觸控/手勢，它會變得更有趣。

Webkit提供touchstart, touchmove, touchend, touchcancel 。 對於單點觸摸事件，IOS Safari和Android Webkit中的支持應該相同。 您可以自己滾動或使用像jqTouch這樣的庫。

您可以閱讀有關IOS Safari如何處理觸摸事件的更多信息 。 Android的事件似乎沒有詳細記錄，但您可以閱讀有關quirksmode觸摸支持的更多信息。

Answer 2

只需使笑和按鈕足夠大，就是這樣。

Answer 3

有些。

可以編寫一個看起來幾乎像iPad的本機應用程序的網頁（包括多點觸控），但我不得不放棄使用“高級”事件，而是必須明確處理touches數組以獲得合理的縮放/平移。 結果是IMO相當不錯（人們我已經證明了矢量圖形編輯器玩具認為它是一個原生應用程序）。

對於Android而言事情有點棘手，因為在我的Nexus上顯然沒有辦法讓任何接近全屏的東西（對於失去地址欄空間的手機意味着失去很多空間）而且多點觸控在默認瀏覽器 ：-（

然而，例如在Opera中解決了這兩個問題（全屏和多點觸控），這在我看來很難過，因為（可能）這意味着他們不想在手機上使用好的網絡應用程序......

所以從技術上來說，可以編寫一個在桌面和手機上運行的單個html5 / js程序，但這當然不意味着桌面應用程序的最佳用戶界面也是手機的最佳用戶界面。