屏幕键盘演示中的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中文网其他相关文章！