Teclado Virtual em JavaScript

Postado por: Pedro Rogério em

Já pensou em adicionar um teclado virtual a suas aplicações?

Teclado virtual em JavaScript

Esta versão desenvolvida em JavaScript, nos permite, entre outras coisas, selecionar a configuração das teclas que desejamos mostrar dentro de várias possíveis.

Instalação

O Script se baseia em 2 arquivos, um JS onde se encontra a funcionalidade principal para que o teclado virtual funcione e um arquivo CSS onde podemos personalizar o teclado a nossa maneira. Simplesmente temos que chamar os arquivos dentro das tags <head></head> de nossa aplicação.


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

Exemplo de Uso

Uma vez que você adicionou na página os arquivos necessários, basta você adicionar agora a classe keyboardInput aos seus inputs.


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

Referências

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

One Response to “Teclado Virtual em JavaScript”

  1. Um teclado virtual muito bom que eu recomendo é o do tmferreira: http://forum.ievolutionweb.com/index.php?showtopic=6808&st=0

Leave a Reply