Cross-browser, problemi con la gestione degli eventi da tastiera

ClaS

Nuovo Utente
29 Gen 2011
2
0
0
Ciao a tutti,
ho un problema con javascript e la gestione degli eventi provenienti da tastiera. Per semplificare al massimo io ho un semplice div al quale ho collegato una funzione javascript che gestisce gli eventi provenienti dalla tastiera. Semplicemente in base al tasto premuto stampo un alert differente. Il tutto funziona benissimo in Firefox, mentre in Internet Explorer (versione 8) e Google Chrome viene "intercettato" solo il tasto tab, mentre se premo le freccette non succede proprio nulla. Riporto di seguito il codice:

<script>

function optionKeyEvent(event){
if (event.altKey) {
alert("Hai premuto alt");
return true;
}

else if(event.shiftKey){
alert("Hai premuto shift");
return true;
}

//se viene premuto TAB
else if(event.keyCode == 9){
alert("Hai premuto tab");
return true;
}

//se viene premuta la freccia in basso
else if (event.keyCode == event.DOM_VK_DOWN) {
alert("Hai premuto freccia giu");
return true;
}

//se viene premuta la freccia in alto
else if (event.keyCode == event.DOM_VK_UP) {
alert("Hai premuto freccia su");
return true;
}

//se viene premuta la freccia a destra
else if (event.keyCode == event.DOM_VK_RIGHT) {
alert("hai premuto freccia destra");
return true;
}

//se viene premuta la freccia a sinistra
else if (event.keyCode == event.DOM_VK_LEFT) {
alert("Hai premuto freccia sinistra");
return true;
}
else {
return true;
}
}
</script>

questo è lo script e questo la parte html:

<div id="menuDiv">
<div class="1" tabindex="0" id="fileMenu" onkeydown="return optionKeyEvent(event);">Menu 1</div>
</div>

Ho provato anche cambiando onkeydown con onkeypress ma le cose addirittura peggiorano perchè non viene intercettato nemmeno il tab. Qualcuno sa aiutarmi?
Grazie mille
 
Discussioni simili
Autore Titolo Forum Risposte Data
G problemi di cross browser - accessibilità ? HTML e CSS 2
R javascript lettura css cross-browser Javascript 1
S Consiglio per una grafica cross-browser (anche su browser obsoleti) HTML e CSS 12
MrClog i.e. ed il cross-browser HTML e CSS 7
Eruyomon cross browser HTML e CSS 3
L Cross-Browser | problema font tra FF e IE8 HTML e CSS 0
T Problema con il Cross-Browser HTML e CSS 3
MarcoGrazia Simple cross-site requests ovvero processare richieste in modo sicuro Snippet PHP 5
D csrf : Cross Site Request Forgery in classic asp Classic ASP 0
otto9due Richieste AJAX cross-domain, vorrei capisrci qualcosa in più.. jQuery 0
R utilizzo di cors for cross domain requests Ajax 0
L Climpare un cavo di rete... Diretto o cross? Reti LAN e Wireless 1
M Ajax: eseguire chiamate cross-domain Ajax 1
davidec Disabilitare il filtro XSS (cross site scripting) via PHP PHP 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
Beppe2 webcam con browser Windows e Software 1
F Problemi di visualizzazione di un sito su più browser WordPress 0
D Logout che rientra col tasto indietro del browser PHP 5
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
otto9due [Javascript] Notification - Browser ( messaggio di notifica browser ). Javascript 0
P [PHP] Browser game, aiuto a tempo libero. Offerte e Richieste di Lavoro e/o Collaborazione 0
L [HTML] Caricato sito sul server, ma non funziona con tutti i browser HTML e CSS 2
L Caricato sito sul server, ma non funziona con tutti i browser Presentati al Forum 1
G [PHP] Chiudere determinate finestre browser alla disconnessione PHP 0
T [PHP] problemi con il browser PHP 0
Tommy03 Aprire un file .asp nel browser Classic ASP 5
M Browser Game Offerte e Richieste di Lavoro e/o Collaborazione 1
F [HTML] Browser diverso risultato diverso HTML e CSS 5
Fuego2806 Ti piacerebbe collaborare al Browser?? Offerte e Richieste di Lavoro e/o Collaborazione 0
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
G [HTML] il browser non legge le texture predefinite HTML e CSS 4
ken_korn [Javascript][Risolto] browser.tab.Tabs.favIconUrl non funziona Javascript 5
christiannnnnnnnn [PHP] Sparizione sezioni su browser PHP 3
Gianpiero [javascript] Differenze tra browser Javascript 9
bubino8 [Javascript] Riconoscere Browser tramite JS Javascript 5
F [HTML] pagina non scorre e div sotto l'altezza del browser non si vedono HTML e CSS 3
booklisa [WordPress] Sfrutta il caching del browser -pagespeed insights WordPress 1
L [WordPress] Errori - Lato client dalla console del browser WordPress 1
A [HTML] Checkbox non visibili su tutti i browser HTML e CSS 3
A [WordPress] Problema CSS con diversi browser WordPress 4
fulviozecchin Problema Visualizzazione tabelle HTML nel Browser HTML e CSS 9
V [HTML] impedire il ridimensionamento delle immagini zoom browser HTML e CSS 11
O Attivare compressione e caching del browser Web Server 6
Monital [HTML] le inpuit text non si rimpiccioliscono se si diminuisce la finestra del browser HTML e CSS 4
R [HTML] La finestra del browser non si autoadatta al mio sito HTML e CSS 3
9 inserire contenuto in un file pdf aperto sul browser tramite script php PHP 0
L [WordPress] Problema Javascript nel log del browser WordPress 1
M Aprire nuova scheda del browser con javascript Javascript 7
filomeni Javascript e browser Javascript 4

Discussioni simili