<!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)"> <span id="spnCode"></span>
</div>
</section>
</body>
</html>
Comentarios sobre la versión: 2015.1.0 (0)
No hay comentarios