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
