Hola a todos. Un saludo cordial, espero comenten en los temas considerados.
Manejando los atajos de teclado con javascript | Blog de Miguel Chang

Manejando los atajos de teclado con javascript

Hola que tal, navegando un poco en OpenJS me encontre una grandiosa y util libreria: Shortcut.js. Esta libreria nos permite manejar los atajos de teclado como (Ctrl+C) o las teclas especiales como las F’s en nuestras aplicaciones web :D

Se preguntaran algunos. ¿Para que me serviria una libreria como esta?. Facil, cuando a veces estamos haciendo alguna aplicacion en la cual necesitemos que cuando el usuario pulse tal tecla o tal combinacion de teclas mande a ejecutar una funcion predefinida. Al momento estoy probandola y realmente esta muy facil de usar. Ahi les va la pequeña explicacion.

  • Vinculen dentro de las etiquetas <head> el archivo al documento donde lo utilizaran:

<script src=”js/shortcuts.js” type=”text/javascript”></script>

  • Ahora falta ahi mismo en head definir nuestras teclas especiales o combinaciones de teclas:

<script type=”text/javascript”>
function init() {
shortcut.add(“F1″, function() {
alert(“Presionaste la tecla F1″);
});

shortcut.add(“Ctrl+Shift+X”,function() {
alert(“Presionaste la combinacion: Ctrl+Shift+X”);
});

}
window.onload=init;
</script>

Ahi vemos que podemos usar tanto teclas como combinaciones de teclas, pueden usar las siguientes:

  • alfanumericas: abc…xyz,01..89
  • Tab
  • Space
  • Return
  • Enter
  • Backspace
  • Scroll_lock
  • Caps_lock
  • Num_lock
  • Pause
  • Insert
  • Home
  • Delete
  • End
  • Page_up
  • Page_down
  • Left
  • Up
  • Right
  • Down
  • F1
  • F2
  • F3
  • F4
  • F5
  • F6
  • F7
  • F8
  • F9
  • F10
  • F11
  • F12

Para mas informacion puedes visitar la pagina del proyecto desde OpenJS. Que les sea util :P

Leave a comment

2 Comments.

  1. Me parece muy interesante esa librería la voy a checar

  2. I had got a dream to make my own firm, but I didn’t earn enough of cash to do that. Thank heaven my close dude proposed to use the credit loans. Thence I received the bank loan and realized my dream.

Leave a Reply


[ Ctrl + Enter ]

Anti-Spam Protection by WP-SpamFree