
17/09/2007 - Efeito Revista Em Quadrinhos
08/11/2006 - Parte 01 - Configurando as cores do CorelDraw
25/05/2004 - O que o Google faz que você não sabia....
05/05/2005 - CSS para tabelas e listas de seleção HTML
06/05/2005 - Guia visual de controles de formulário HTML
26/09/2006 - Efeito metalico
08/04/2006 - Critérios de armazenamento no Oracle
07/02/2003 - Código para exibir o Beat - o horário mundial da Internet
24/03/2006 - Alinhando objetos no CorelDRAW
09/01/2003 - Conceitos de Programação e ActionScript
09/01/2003 - Integração Flash com banco de dados
07/12/2003 - Tipos de dados no SQL Server
26/07/2008 - Efeito Matrix com filtros no Photoshop
08/05/2005 - Eficiência e segurança com SQL parametrizado
Heitor Althmann - Web Developer
HTML - CSS - Java Script - PhothoShop - DreamWeaver - Flash
Leituras: 12176 - 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...