Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Evento da tastiera

  1. #1

    Evento da tastiera

    Ciao a tutti!

    Ho questo piccolo script che da un animazione ad un div quando si preme la barra spaziatrice (32 in Ascii):

    codice:
    		$(document).keypress(function(e){
    			if(e.which == 32){		
    				$('#div').transition({ rotate: '-30deg' });
    				$('#div').transition({ rotate: '0' });
    			}
    		});
    Io vorrei però che l'evento si verifichi quando si preme la freccia verso l'alto.. ho provato a sostituire il codice Ascii (numero 38 se non sbaglio) ma non funziona!

    Qual'è il codice corretto per la freccia verso l'alto??

    Grazie!

  2. #2
    La domanda è: ma funziona quel codice se schiacci la barra?
    Il keycode della freccia su è proprio 38, comunque.

  3. #3
    Sì funziona (ruota e torna normale)! Ma col 38 nulla

  4. #4

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    il codice mi pare corretto, per "freccia verso l'alto" intendi i tasti direzionali? hai qualche errore nella console js?

  6. #6
    Sì, intendo le frecce direzionali.

    Non ho controllato la console, posso farlo da chrome?

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    si, vai su strumenti->console javascript

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    metti un alert prima dell'if per verificare che la pressione del tasto venga intercettata... se non è cosi prova cambiando evento keyup o keydown

  9. #9
    Keyup e keydown mi attivano l'animazione per qualsiasi tasto..

    Per l'alert puoi darmi il codice? Grazie

  10. #10
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660

    codice:
    $(document).keypress(function(e){ <--- qua prova anche con keyup o keydown
    alert(e.which);			
    if(e.which == 32){		
    				$('#div').transition({ rotate: '-30deg' });
    				$('#div').transition({ rotate: '0' });
    			}
    		});

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.