Guida Html5 la tua risorsa web sul nuovo markup html5 il linguaggio javascript e lo sviluppo di giochi su browser.
TUTORIALS

Come prevenire lo scrolling della finestra usando i tasti freccia

- 13-06-2014 - Letture: 686

Oggi vi spiego un bel trucchetto per evitare che la vostra finestra scorra a seguito della pressione dei tasti freccia.

Come prevenire lo scrolling della finestra usando i tasti freccia

Questo codice in javascript può essere utile se si sta creando un gioco in canvas che sfrutta le frecce per eseguire i movimenti.

Ma veniamo al codice molto semplice:

prima di tutto va catturato l’evento di pressione dei tasti. Questo va fatto una sola volta durante l’inizializzazione della nostra applicazione javascript:

 

window.addEventListener('keydown', function(event) { Key.onKeydown(event); }, false);

 

Successivamente va definita la funzione di cattura dell'evento in cui si invocherà il metodo preventDefault() che blocca la propagazione della pressione dei tasti al resto della finestra.

 

function doKeyDown(eve) 
{
    var key = eve.keyCode;
    if ((key == 37)||(key == 38)||(key == 39)||(key == 40)) eve.preventDefault();
}

 

Articoli correlati
Loading comments
ebook sviluppare giochi in html5 e javascript
Il sito Guida HTML5 è stato realizzato da TheArchitect
Copyright © 2017 All Rights Reserved -
Nome e Cognome
Email valida
Username
Password
* Cliccando su REGISTRATI accetti le nostre regole sulla privacy
ATTENZIONE: controllare sempre la cartella spam nella casella di posta, inquanto è possibile che alcuni provider inseriscano automaticamente la mail di attivazione in questa cartella.

CHIUDI
X

Password dimenticata ? Inserisci il tuo indirizzo email e ti invieremo i dati di accesso

Email valida
ATTENZIONE: controllare sempre la cartella spam nella casella di posta, inquanto è possibile che alcuni provider inseriscano automaticamente la mail di attivazione in questa cartella.

CHIUDI
X
Powered by: World(129)