Código de HTML - Key Code

Imágen de perfil

Key Codegráfica de visualizaciones


HTML

Publicado el 24 de Enero del 2015 por txema
1.748 visualizaciones desde el 24 de Enero del 2015. Una media de 21 por semana
Página sencilla HTML en la que podemos ver los códigos de cada elemento de nuestro teclado.

Útil para cuando, en programación, queremos bloquear o comprobar la tecla que pulsa el usuario.

Funciona tanto en local como en web

Los Key Code que se describen en el código no son todos los que puede solucionar.
v.gr,: los números en el teclado ordinario y en el numérico, punto (como decimal y ortográfica, guión y signo menos ...).

Requerimientos

JavaScript.

2015.1.0

Actualizado el 26 de Enero del 2015 (Creado el 24 de Enero del 2015)gráfica de visualizaciones de la versión: 2015.1.0
1.749 visualizaciones desde el 24 de Enero del 2015. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Geolocalización basada en W3C">
    <title>Geolocalización basada en W3C</title>
	<script>
        //<![CDATA[
        function displayKeyCode(evt) {
            var textBox = getObject('claveTecla');
            var charCode = (evt.which) ? evt.which : event.keyCode
            textBox.value = String.fromCharCode(charCode);
            if (charCode == 8) textBox.value = "backspace"; //  retroceso
            if (charCode == 9) textBox.value = "tab"; //  tab
            if (charCode == 13) textBox.value = "enter"; //  enter
            if (charCode == 16) textBox.value = "shift"; //  shift
            if (charCode == 17) textBox.value = "ctrl"; //  ctrl
            if (charCode == 18) textBox.value = "alt"; //  alt
            if (charCode == 19) textBox.value = "pause/break"; //  pausa / descanso
            if (charCode == 20) textBox.value = "caps lock"; //  bloque mayúsculas
            if (charCode == 27) textBox.value = "escape"; //  escape
            if (charCode == 33) textBox.value = "page up"; // página arriba
            if (charCode == 34) textBox.value = "page down"; // page down
            if (charCode == 35) textBox.value = "end"; // fin
            if (charCode == 36) textBox.value = "home"; // home
            if (charCode == 37) textBox.value = "left arrow"; // flecha hacia la izquierda
            if (charCode == 38) textBox.value = "up arrow"; // flecha hacia arriba
            if (charCode == 39) textBox.value = "right arrow"; // flecha hacia la derecha
            if (charCode == 40) textBox.value = "down arrow"; // flecha hacia abajo
            if (charCode == 45) textBox.value = "insert"; // insertar
            if (charCode == 46) textBox.value = "delete"; // borrar
            if (charCode == 91) textBox.value = "left window"; // left window
            if (charCode == 92) textBox.value = "right window"; // ventana de la derecha
            if (charCode == 93) textBox.value = "select key"; // tecla de selección
            if (charCode == 96) textBox.value = "numpad 0"; // num 0
            if (charCode == 97) textBox.value = "numpad 1"; // num 1
            if (charCode == 98) textBox.value = "numpad 2"; // num 2
            if (charCode == 99) textBox.value = "numpad 3"; // num 3
            if (charCode == 100) textBox.value = "numpad 4"; // num 4
            if (charCode == 101) textBox.value = "numpad 5"; // num 5
            if (charCode == 102) textBox.value = "numpad 6"; // num 6
            if (charCode == 103) textBox.value = "numpad 7"; // num 7
            if (charCode == 104) textBox.value = "numpad 8"; // num 8
            if (charCode == 105) textBox.value = "numpad 9"; // num 9
            if (charCode == 106) textBox.value = "multiply"; // multiplicación
            if (charCode == 107) textBox.value = "add"; // añadir
            if (charCode == 109) textBox.value = "subtract"; // subtracción
            if (charCode == 110) textBox.value = "decimal point"; // punto (coma) decimal
            if (charCode == 111) textBox.value = "divide"; // divisoria
            if (charCode == 112) textBox.value = "F1"; // F1
            if (charCode == 113) textBox.value = "F2"; // F2
            if (charCode == 114) textBox.value = "F3"; // F3
            if (charCode == 115) textBox.value = "F4"; // F4
            if (charCode == 116) textBox.value = "F5"; // F5
            if (charCode == 117) textBox.value = "F6"; // F6
            if (charCode == 118) textBox.value = "F7"; // F7
            if (charCode == 119) textBox.value = "F8"; // F8
            if (charCode == 120) textBox.value = "F9"; // F9
            if (charCode == 121) textBox.value = "F10"; // F10
            if (charCode == 122) textBox.value = "F11"; // F11
            if (charCode == 123) textBox.value = "F12"; // F12
            if (charCode == 144) textBox.value = "num lock"; // bloqueo numérico
            if (charCode == 145) textBox.value = "scroll lock"; // bloqueo de desplazamiento
            if (charCode == 186) textBox.value = ";"; // punto y coma
            if (charCode == 187) textBox.value = "="; // signo igual
            if (charCode == 188) textBox.value = ","; // coma
            if (charCode == 189) textBox.value = "-"; // guión
            if (charCode == 190) textBox.value = "."; // punto
            if (charCode == 191) textBox.value = "/"; // barra inclinada
            if (charCode == 192) textBox.value = "`"; // acento grave
            if (charCode == 219) textBox.value = "["; // corchete abertura
            if (charCode == 220) textBox.value = "\\"; // barra invertida
            if (charCode == 221) textBox.value = "]"; // corchete de cierre
            if (charCode == 222) textBox.value = "'"; // comilla simple
            var lblCharCode = getObject('spnCode');
            lblCharCode.innerHTML = 'KeyCode:  ' + charCode;
            return false;
        }
        function getObject(obj) {
            var theObj;
            if (document.all) {
                if (typeof obj == 'string') {
                    return document.all(obj);
                } else {
                    return obj.style;
                }
            }
            if (document.getElementById) {
                if (typeof obj == 'string') {
                    return document.getElementById(obj);
                } else {
                    return obj.style;
                }
            }
            return null;
        }
        //]]>
    </script>
  </head>
  <body>
    <section style="text-align:center;">
    <h3> KeyCode </h3>
    <div>
        <p>Pulse una tecla en el cuadro de texto a continuación para ver el código Javascript clave correspondiente.</p>
        <br>
        <br> Pruébalo
        <input type="text" name="claveTecla" onkeypress="javascript:return false;" id="claveTecla" onkeydown="javascript:return displayKeyCode(event)">&nbsp;&nbsp;&nbsp;<span id="spnCode"></span>
	</div>
    </section>
  </body>
</html>



Comentarios sobre la versión: 2015.1.0 (0)


No hay comentarios
 

Comentar la versión: 2015.1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3017