セキュリティへの意識が高いサイト、例えば銀行などではログイン時にソフトウェアキーボードを提供しています。しかしアルファベットの順番がキーボードと異なるので入力しづらいこともしばしばです。 そこでより本格的なバーチャルキーボードとしてSimple Keyboardを紹介します。日本語入力はできませんが、標準キーボードと変わらず利用できます。

Simple Keyboardの使い方

右側に表示されているのがSimple Keyboardです。あらかじめ用意されているJavaScriptとCSSを読み込むだけで使えます。

ちゃんと文字が入力できます。

Simple Keyboardは大きめのキーボードですが、スタイルシートで調整することもできるでしょう。.comのようなカスタマイズができるので、別なルールを指定することもできるはずです。もちろん通常のキーボードからも入力は可能です。

Simple KeyboardはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

simple-keyboard demo - npm - CodeSandbox hodgef/simple-keyboard: Javascript On-screen Virtual Keyboard - Customizable, responsive and lightweight