In molte web application o in portali può rivelarsi utile avviare un evento a seguito della pressione di un tasto sulla tastiera. Utilizzando JQuery, questa funzione può essere estremamente semplice.

Inclusione Librerie Jquery HotKey

Come primo step, è indispensabile caricare le librerie Jquery che dispongono delle funzionalità richieste. La libreria jquery.hotkeys.js può essere scaricata qui: https://github.com/jeresig/jquery.hotkeys

<script src="jquery-1.6.1.js"></script>
<script src="jquery.hotkeys.js"></script>

 

Gestione eventi alla pressione da tastiera

 

<script type="text/javascript">
$(document).ready(function() {
$(document).bind('keydown', 'return', function() {

//qui la funzione che si avvierà alla pressione del pulsante invio
});
});
</script>

 

L’evento resterà quindi in ascolto della pressione del pulsante (keydown) di invio (return). Possono quindi essere combinati altri eventi come il rilascio del pulsante o il mantenimento della pressione con tutti gli altri tasti della tastiera.

 

Eventi disponibili

Ulteriori eventi disponibili sono:

  • 'keydown' = pressione del pulsante
  • 'keyup' = rilascio del pulsante
  • 'keypress' = pressione mantenuta sul pulsante

 

Elenco e codici dei pulsanti tastiera disponibili

Keyboard

Nota: Lettere e numeri possono essere espresse come tali. Ad esempio per stare in ascolto sul pulsante “a” si dovrà specificare la chiave “a” 

General
CapsLock Blocco Maiuscolo
Space Barra di spazio
Tab Tasto Tab
Return Tasto di invio
Esc Tasto di uscita
Backspace Backspace
Cursori
ScrollLock Scroll lock
Delete Pulsante Canc
Insert Pulsante di inserimento
Home Pulsante Home
End Pulsante Fine
PgUp Pagina Su
PgDn Pagina Giù
Up Tasto su
Down Tasto giù
Left Tasto sinistro
Right Tasto destro
Tasti Funzione
F1 – F24 Tutti i tasti funzione
Modifier
LWin Logo Windows Sinistro
RWin Logo Windows Destro
Ctrl Tasto Control
Alt Tasto Alt
Shift Tasto Shift

 

Combinazione di pulsanti:

Possono essere espresse combinazioni di pulsanti. Ad esempio per ascoltare l’evento di pressione Control più il tasto “a” si dovrà specificare “Ctrl+a”

 

Eccezioni

Alcuni pulsanti devono essere specificati necessariamente in combinazione con un altro tasto. Ad esempio il tasto Alt o il tasto Control

Hai bisogno di una consulenza o assistenza?
Apri un ticket di richiesta, ti risponderò in brevissimo tempo! Chiedere non costa nulla 😉

Lascia un commento