BuscaPé, líder em comparação de preços na América Latina
Desenvolvimento de sites , portais ,logomarcas e trabalhos gráficos. Downloads de Apostilas de html, , dreamweaver , flash , php , asp , programas, scripts asp , php , cgi , javascript , coldfusion e muitos outros

Saiba onde tem o melhor preço antes de comprar

echo"$colab[nome]";Heitor Althmann - Web Developer
HTML - CSS - Java Script - PhothoShop - DreamWeaver - Flash

Interagindo com o teclado dinâmicamente


Leituras: 11205 - Heitor Althmann



Olá pessoal! Bom estar aqui com vc's novamente!
Hoje vou mostrar, como podemos aproveitar os eventos gerados pelo teclado em tempo de excução, e como podemos aproveitalos, causando efeitos e utilidades mto interessantes!...
Lembrando que a matéria será dividida em 2 partes.

Let\'s Rock!


No javascript, os enventos que iremos usar serão: onkeypress, onkeyup, onkeydown;

Como vc\'s já devem saber estes eventos funcionam assim:
*onkeypress: é disparado assim que uma tecla é pressionada, e logo em seguida liberada.
*onkeyup: é disparado toda a vez que uma tecla é liberada.
*onkeydown: é disparado toda a vez que uma tecla é pressionada.

Obs: no evento onkeypress e onkeydown, se vc segurar a tecla pressiona, o evento segue se desparando continuamente, e não somente uma vez.

Vamos lá!

Vamos entender primeiramente, como podemos trabalhar com o teclado, e saber qual tecla foi disparada.

O objeto event uma propriedade chamada keyCode que retorna o código da tecla pressionada.
Teremos um exemplo abaixo de como isto funciona.

<html>
<head>
<script language="javascript">
<!--

function exemplo()
{
var tecla = window.event.keyCode;
window.status = "Você pressionou a tecla: " + String.fromCharCode(tecla);
alert("O Código da tecla pressionada é: " + tecla);

}

document.onkeypress = exemplo;
//-->
</script>
</head>
<body>
<p align="center">Obtendo o Código da tecla pressionada::.</p>
</body>
</html>

Como podem perceber o Objeto String por sua vez, possui o método "fromCharCode". Ele retorna a letra que corresponde ao código da tecla pressionada. ex:

String.fromCharCode(104);
retorna a letra "h";

Bom pessoal, está é a primeira parte da matéria.
Esperam que tenham gostado. Já com estes conhecimentos é possível trazer muitos benefícios a uma aplicação, ou outro meio que seja. Outro ponto interessante seria a parte de entretenimento com o usuário.

Na segunda parte da Matéria, aprenderemos a fazer um teclado virtual e trabalharmos com o mesmo de diferentes maneiras, disponibilizando diferentes efeitos e utilidades.

Por hj é isto pessoal! Um grande abraço!
Espero que tenham gostado
Fiquem com Deus!
Ateh...