Manejo de teclado en web

Como lo vimos anteriormente en web también podemos tener el control de cachar las teclas pulsadas por el usuario, esto lo hacemos sobrescribiendo el evento keydown de document:

document.onkeydown = function(){ 
}

Por ejemplo, si queremos agregar funcionalidad de que al presionar F5 se realice cierta acción o que al presionar ESC se cancele o cierre cierta ventana o div flotante, etc. lo haremos mediante este evento.

El ejemplo que muestro a continuación, cancela todas las teclas F (F2 a F12):


Poner en el Head
document.onkeydown = function(){ 

     if(window.event){ 

switch(window.event.keyCode)

{

case 112:

case 113:

case 114:

case 115:

case 116:

case 117:

case 118:

case 119:

case 120:

case 121:

case 122:

case 123:

case 219:

window.event.keyCode = 505;

break;

}

    }  

    if(window.event && window.event.keyCode == 505){   

     return false;      

    }

}

Como pueden ver no se puede cancelar la tecla F1 (112) de la manera anterior, por que esta tecla es usada por el explorador para mostrar la ayuda (por lo menos en internet explorer)... pero si agregamos el siguiente evento en el body podemos cancelar esa tecla:

onhelp="return false;"

Así como sobrescribimos este evento podemos sobrescribir otros eventos para nuestros usos...
Espero que les sea de utilidad... no olviden comentar

------------------------------------------------
Lo que se puede imaginar...se puede programar