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
quinta-feira, 8 de novembro de 2007
Assinar:
Postar comentários (Atom)
3 comentários:
Ahn... não entendi nada do seu post, então escrevo só pra agradecer a sua visita ao meu blog! ;o)
Bjs
Muito útil... vlw
me fez poupar um bom tempo, (Y)
Postar um comentário