jQuery: chiave per tasto TAB?

Question

Quindi, ho qualche problema a far funzionare il mio script SE viene premuto il tasto Tab. Dopo un po 'di ricerca su google, il codice di accesso per Tab è 9. Inoltre, mentre stiamo parlando, c'è qualche modo migliore per verificare se un tasto viene premuto senza usare charcodes? Sto chiedendo perché continuo a ricevere il seguente Warning da firebug quando si utilizza charcode:

La proprietà 'charCode' di un evento keyup non deve essere utilizzata. Il valore non ha significato.

In ogni caso, funziona ancora, quindi non è questo il problema. Questo è il codice che uso:

$('/* my inputs */').keyup(function(e) { 
    console.log('keyup called'); 
    var code = e.keyCode || e.which; 
    if (code == '9') { 
    console.log('Tab pressed'); 
    } 
}); 

Utilizzando il codice sopra la console viene lasciato vuoto, nulla si aggiunge (utilizzando Firebug). Certo, ho provato a fare cose reali invece di loggare del testo, ma non viene eseguito nulla. Quindi qualcuno può capire perché questo non funziona? C'è un modo migliore per verificare se un tasto è premuto?

Grazie in anticipo.

Answer 1

La mia impressione è che quando si preme il tasto tab, l'ingresso del modulo perde il focus, prima della keyup accade . Provare a cambiare il legame con il corpo, in questo modo:

$('body').keyup(function(e) { 
    console.log('keyup called'); 
    var code = e.keyCode || e.which; 
    if (code == '9') { 
    alert('Tab pressed'); 
    } 
}); 

Poi, se funziona (lo fa per me) provare a cambiare il legame keyDown, invece, e restituire false. In questo modo puoi implementare il tuo comportamento personalizzato.

$('.yourSelector').keydown(function(e) { 
    console.log('keyup called'); 
    var code = e.keyCode || e.which; 
    if (code == '9') { 
    alert('Tab pressed'); 

    return false; 
    } 

}); 

Uno di questi due dovrebbe funzionare ... se è corpo, è possibile collegare un gestore keydown sul corpo, quindi se si tratta di scheda, trovare il campo con messa a fuoco (Penso che ci sia la funzione .hasFocus()?) e se è quello che vuoi, procedi e restituisci false. Altrimenti, lascia che il browser faccia la sua parte.

Se si voleva aggiornare il campo con un carattere di tabulazione, provate questo nella vostra callback:

var theVal = $(this).val(); 
theVal = theVal + ' '; 
$(this).val(theVal); 

non ho ancora testato, ma dovrebbe funzionare. Puoi anche aggiungere 3 o 4 spazi anziché il carattere di tabulazione, se ti sta dando problemi.

Answer 2

se non succede nulla, non importa quale tasto si preme, forse c'è qualcosa di sbagliato con il selettore che si sta utilizzando? Si può verificare di aver selezionato correttamente, forse con qualcosa di simile:

console.log($('/* my inputs */').length); 

Answer 3

e = e || window.event; 
if(e.keyCode == 9) 
alert("Tab pressed"); 

Prova questo