quinta-feira, 8 de novembro de 2007

Javascript > Key Codes

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