Pessoal, vou mostrar aki como capturar um evento de teclado com javascript, dessa forma vc consegue manipular formulários ou validar várias referentes a eventos de teclado com essa função
No exmplo abaixo vou aplicar a função para capturar o evento da tecla enter, assim toda vez que o usuário precionar a tecla enter num form por exemplo, ele vai retornar um alerta
bom, primeiro o cod javascript:
_________________________________________
function entra(evt) {
var tecla = (evt.which) ? evt.which : event.keyCode
if (tecla== 13) {
alert('Voce apertou a tecla enter');
return false;
} else {
return true;
}
}
_________________________________________
Agora o HTML do formulário pra vc ter uma base de como implementar esse script
_________________________________________
<form name="form" method="post" action="#" onkeypress="return entra(event)">
<label><input type="text" name="yopirateo" id="yopirateo" /></label>
</form>
_________________________________________
Agora mais abaixo uma tabela com os codigos das teclas
_________________________________________
Tecla:
backspace Código: »
8 Tecla:
tab Código: »
9 Tecla:
enter Código: »
13 Tecla:
shift Código: »
16 Tecla:
ctrl Código: »
17 Tecla:
alt Código: »
18 Tecla:
pause/break Código: »
19 Tecla:
caps lock Código: »
20 Tecla:
escape Código: »
27 Tecla:
page up Código: »
33 Tecla:
page down Código: »
34 Tecla:
end Código: »
35 Tecla:
home Código: »
36 Tecla:
left arrow (seta esquerda) Código: »
37 Tecla:
up arrow (seta pra cima) Código: »
38 Tecla:
right arrow (seta direita) Código: »
39 Tecla:
down arrow(seta pra baixo) Código: »
40 Tecla:
insert Código: »
45 Tecla:
delete Código: »
46 Tecla:
0 Código: »
48 Tecla:
1 Código: »
49 Tecla:
2 Código: »
50 Tecla:
3 Código: »
51 Tecla:
4 Código: »
52 Tecla:
5 Código: »
53 Tecla:
6 Código: »
54 Tecla:
7 Código: »
55 Tecla:
8 Código: »
56 Tecla:
9 Código: »
57 Tecla:
a Código: »
65 Tecla:
b Código: »
66 Tecla:
c Código: »
67 Tecla:
d Código: »
68 Tecla:
e Código: »
69 Tecla:
f Código: »
70 Tecla:
g Código: »
71 Tecla:
h Código: »
72 Tecla:
i Código: »
73 Tecla:
j Código: »
74 Tecla:
k Código: »
75 Tecla:
l Código: »
76 Tecla:
m Código: »
77 Tecla:
n Código: »
78 Tecla:
o Código: »
79 Tecla:
p Código: »
80 Tecla:
q Código: »
81 Tecla:
r Código: »
82 Tecla:
s Código: »
83 Tecla:
t Código: »
84 Tecla:
u Código: »
85 Tecla:
v Código: »
86 Tecla:
w Código: »
87 Tecla:
x Código: »
88 Tecla:
y Código: »
89 Tecla:
z Código: »
90 Tecla:
left window key Código: »
91 Tecla:
right window key Código: »
92 Tecla:
select key Código: »
93 Tecla:
numpad 0 Código: »
96 Tecla:
numpad 1 Código: »
97 Tecla:
numpad 2 Código: »
98 Tecla:
numpad 3 Código: »
99 Tecla:
numpad 4 Código: »
100 Tecla:
numpad 5 Código: »
101 Tecla:
numpad 6 Código: »
102 Tecla:
numpad 7 Código: »
103 Tecla:
numpad 8 Código: »
104 Tecla:
numpad 9 Código: »
105 Tecla:
multiply Código: »
106 Tecla:
add Código: »
107 Tecla:
subtract Código: »
109 Tecla:
decimal point Código: »
110 Tecla:
divide Código: »
111 Tecla:
f1 Código: »
112 Tecla:
f2 Código: »
113 Tecla:
f3 Código: »
114 Tecla:
f4 Código: »
115 Tecla:
f5 Código: »
116 Tecla:
f6 Código: »
117 Tecla:
f7 Código: »
118 Tecla:
f8 Código: »
119 Tecla:
f9 Código: »
120 Tecla:
f10 Código: »
121 Tecla:
f11 Código: »
122 Tecla:
f12 Código: »
123 Tecla:
num lock Código: »
144 Tecla:
scroll lock Código: »
145 Tecla:
semi-colon Código: »
186 Tecla:
equal sign Código: »
187 Tecla:
comma Código: »
188 Tecla:
dash Código: »
189 Tecla:
period Código: »
190 Tecla:
forward slash Código: »
191 Tecla:
grave accent Código: »
192 Tecla:
open bracket Código: »
219 Tecla:
back slash Código: »
220 Tecla:
close braket Código: »
221 Tecla:
single quote Código: »
222
Agora nesta segunda imagem vou incluir a função que criamos anteriormente, como componentes.asp e logo em sguida resgatar dados de um form (nome/email/mensagem) este form poderia ser um qualquer com quantas informações vc desejar. logo em seguida vou montar um HTML simples que vai chegar no corpo de e-mail
Bom pra finalizar a ultima tela que vamos montar eh um formulário mto simples (xHTML) que contem os inputs e um botão para enviar para a pagina que criamos na figura acima(envia_email.asp)
legal galera, agora eh só testar o formulario e ver o resultado.
