JavaScript / jQuery
Você está aqui: Home » JavaScript / jQuery » Interagindo com o teclado dinâmicamente
Interagindo com o teclado dinâmicamente
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...
Heitor Althmann
Profissão: Web Developer
Descrição: HTML - CSS - Java Script - PhothoShop - DreamWeaver - Flash
Outros artigos postados por este autor
- Interagindo com o teclado dinâmicamente - Parte II
- Interagindo com o teclado dinâmicamente
- Texto Espinho
- Como bloquear o evento disparado pela tecla Print Screen
Artigos relacionados sobre JavaScript / jQuery
- Interagindo com o teclado dinâmicamente
- Javascript OnUnload VS OnBeforeUnload
- Criando uma Calculadora em JavaScript
- jGallery – A jQuery Plugin for Image Gallery’s
- Tutorial jQuery – Método $.live();
- Entendendo os seletores do jQuery
Parceiros
BR-Linux.org
Criar WEB
Regularização de Imoveis SP
Montagens de Sites
Templates de Sites
Desenvolvedor de Sites
Elaboração de Sites
Produção de Sites
Programador de Sites
Criadores de Sites
Artigos mais acessados
Desenho de Letras - Construindo fontes TTF
Criando um sistema de login
Enviando email em formato HTML em PHP
Menu Circular em 3D
Cargos e salários na área de informática
Como fazer e modificar calendários
Action Script 2.0 ( Primeira Parte )
10 dicas de Webdesign para salvar seu site
Fireworks VS Photoshop
Serviços
Desenvolvimento de Sites e Sistemas WEB
Otimização de Sites (SEO)
Loja Virtual com Sistema Pagseguro
Sistema de Compra Coletiva
Catálogo de Produtos
Parcerias e Soluções de Publicidade
Portifólio Grupo SOS Designers
Fale Conosco