屏幕鍵盤演示中的2 HTML5（觸摸支持）

>本文探討了基於HTML5帆布的屏幕鍵盤，答案經常詢問有關其實施的問題。 提供了幾個示例，展示了不同的方法。

>

>>示例1：Multitouch鍵盤

此示例使用HTML5帆布，觸摸事件和Magictouch.js創建具有多觸摸功能的屏幕鍵盤。 該演示需要打開您的Web開發人員控制台。

源代碼＆demo

>

>示例2：簡單的虛擬鍵盤

>使用HTML畫布和JavaScript構建的基本虛擬鍵盤。 測試和各種應用的理想選擇。

源代碼＆demo

>

常見問題（常見問題解答）：

>

>以下常見問題解答以觸摸支持實施HTML5在屏幕上鍵盤上的共同擔憂。 請注意，雖然上面的示例使用了畫布，但下面的常見問題解答討論了一種不同的方法。 提供的示例與VirtualKeyboard API無直接相關。 VirtualKeyboard API>

• >如何在html5？ 中實現虛擬鍵盤。 此API提供了和VirtualKeyboard API之類的方法，以控制鍵盤可見性和用於處理可見性更改的事件。 show()> hide() onvisibilitychange

  >
>用於與設備虛擬鍵盤進行交互的Web API是什麼？ 它控制可見性並響應狀態變化，使其適用於觸摸屏應用。

• >>如何將VirtualKeyboard API與觸摸屏設備一起使用？使用

  ，
，
• ，

  屬性（用於自定義）和>（用於大小和位置）。 > show() hide() onvisibilitychangelayout>我可以自定義佈局嗎？ boundingRect

>
• >如何獲得大小和位置？

  >layout我如何響應可見性更改？

• >

  >我可以將其與非接觸屏屏幕設備一起使用嗎？ boundingRect>

  >是否由所有瀏覽器支持？
• 我可以在移動Web應用程序中使用它嗎？

  是的，它是為觸摸設備而設計的。

  >
>如何測試我的實現？
• >使用虛擬鍵盤上的設備上運行您的應用程序，使用

  >，和>驗證功能。 show()> hide() onvisibilitychange

（注意：替換

>和

，並帶有指向源代碼和演示的實際鏈接。）

以上是屏幕鍵盤演示中的2 HTML5（觸摸支持）的詳細內容。更多資訊請關注PHP中文網其他相關文章！