Por vezes é necessário alguma segurança nos campos de input dos sites. Para essas ocasiões uma boa forma de controlar se o utilizador é humano ou maquina usa-se um teclado virtual.
As plataformas de home banking adoptaram esta solução e em alguns casos é bastante útil.

Grey Wyvern criou um teclado virtual em JavaScript bastante interessante.

javascript keyboard

Instalação

A sua instalação é relativamente simples:

  1. Faz download do código (Copy/Paste) para um ficheiro e chama esse ficheiro keyboard.js
  2. Copia o código CSS e guarda-o num ficheiro que poderá ser keyboard.css
  3. Coloca esses ficheiros online
  4. Insere o seguinte código dentro da HEAD da página onde queres que apareça o teclado:

    <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="keyboard.css">

    Nota: Este código assume que os ficheiros estão na mesma directoria que a página.

  5. Para definir qual o campo de input onde o teclado deverá actuar basta atribuir a class keywboard:

    <input type="text" value="" class="keyboardInput">

» Javascript Graphical / Virtual Keyboard Interface