JavaScript ne peut pas capturer la combinaison "SHIFT + TAB"

Question

Pour une raison quelconque, je ne peux pas capturer la combinaison "SHIFT + TAB". J'utilise la dernière version de jQuery.

même résultat si j'utiliser d'autres ajax/javascript, etc.

Voici un exemple simple qui devrait fonctionner comme je comprends actuellement il ...

event.which ou event.keyCode sont toujours " undefined » ne shiftKey existe dans un scénario impliquant une « SHIFT + tAB » ou traversal du clavier vers l'arrière, traditionnellement inhérente aux fenêtres à base de apps/web ou autre ...

function ShiftTab() 
    { 
     debugger; 
     if(event.KeyCode == 9 && event.shiftKey) // neither this line nor the following work 
//  if (event.which == 9 && event.shiftKey) // shift + tab, traverse backwards, using keyboard 
     { 
     return true; 
     } 
     else 
     { 
     return false; 
     } 
    } 

cela semble être encore un autre élément lié à l'onglet ordre qui ne fonctionne plus comme tradition allié a travaillé dans des applications basées sur Microsoft.Net WinForm/WebForm.

Answer 1

Si vous utilisez jQuery, cela devrait être le fonctionnement du code. Assurez-vous que keyCode est en minuscules. En outre, jQuery normalise keyCode dans which:

$(document).keyup(function (e) { 
    if (e.which === 9 && e.shiftKey) { 
     ShiftTab(); 
    } 
}); 

Si vous êtes en JavaScript laconique:

$(document).keyup(function (e) { 
    e.which === 9 && e.shiftKey && ShiftTab(); 
}); 

jQuery 1.7+ on syntaxe:

$(document).on('keyup', function (e) { 
    e.which === 9 && e.shiftKey && ShiftTab(); 
}); 

Answer 2

J'ai créé une fonction que je câblé jusqu'à l'événement onkeydown de mon bouton. Je onkeydown, parce que onkeypress ne capterait pas mon onglet appuyer sur la touche

function ShiftTab(evt) { 
     var e = event || evt; // for trans-browser compatibility 
     var charCode = e.which || e.keyCode; // for trans-browser compatibility 

     if (charCode === 9) { 
      if (e.shiftKey) { 
       $('#controlName').focus(); 
       return false; 
      } else { 
        return true; 
       } 
     } 

J'ai pris cette approche pour faire face à deux problèmes spécifiques:

1. onkeypress ne capture onglet presse clé
2. Lorsque clic changement -tab, la touche Maj enfoncée déclenchait la fonction, donc je devais imbriquer le modificateur de touche shift vérifier

Answer 3

utiliser le même code à l'intérieur de l'événement keypress. l'onglet modifie l'élément entre la touche et le bouton. ici nous obtenons event.key = tab et event.shiftKey = true.