de l'événement.mot de code ne retourne pas de valeurs correctes dans firefox

Je suis en train d'essayer le code suivant pour le déclenchement d'une méthode js quand space-bar est enfoncée dans une zone de saisie.

  <input id="j1" /> 

  $('#j1').keypress (function (event){
       alert(event.keycode)
  });

Dans firefox, cette propriété renvoie la valeur correcte que lorsque enter est enfoncée, les valeurs renvoyées pour les autres touches sont juste 0 à chaque fois. Dans IE/chrome cela fonctionne parfaitement.

InformationsquelleAutor Rajat Gupta | 2011-09-07
  1. 26

    En non-IE navigateurs, vous voulez le which ou charCode propriété dans un keypress événement plutôt que de la keyCode de la propriété. Le keypress événement est destiné à détecter les caractères tapés tout keyup et keydown sont pour detcting touches physiques (dans ces événements, keyCode fonctionne dans tous les principaux navigateurs).

    var charCode = (typeof event.which == "number") ? event.which : event.keyCode;

    Cependant, jQuery normalise la which propriété de événements de pression de touche à l'aide de code similaire à cela, dans jQuery, vous avez juste besoin

    var charCode = event.which;

    Pour (beaucoup) plus de détails sur les principaux événements, voir http://unixpapa.com/js/key.html.

    InformationsquelleAutor Tim Down
  2. 7

    Le problème n'est pas tous les navigateurs ont la même implémentations sur des combinaisons de touches. La solution serait de vérifier tous les endroits possibles où la key a été enregistré. Dans ce cas: event.keycode et event.which

    Voir ce post pour plus d'infos

    jQuery Événement Keypress: quelle touche a été pressée?

    MODIFIER

    Enfin creusé de mes anciennes fonctions, c'est le code que j'utilise:

    evt = (evt) ? evt : event;
var charCode = evt.which || evt.charCode || evt.keyCode || 0;
    • cela renvoie undefined pour enter dans firefox
    • oui, mais l'OP est en essayant d'attraper le spacebar keypress =)
    • aussi ne marche pas pour une touche de chrome.. retourne undefined
    • Merci pour cette remarque. Effectivement tapé que sur la volée =) de La version éditée devrait fonctionner
    • evt.which || evt.charCode || evt.keyCode || 0 - 50% moins d'espace
    • cela renvoie une valeur booléenne droit? Ensuite, charCode aura une valeur booléenne à la place de l'un des trois ci-dessus. Corrigez-moi si je me trompe
    • Non, le || ne doit pas nécessairement correspondre à une valeur Booléenne. a || b évalue à a si a est truthy et b autrement.
    • Aussi, il n'y a pas besoin d'utiliser charCode à tous. Chaque navigateur qui prend en charge charCode prend également en charge which, et certains (Opéra) uniquement en charge which.

    InformationsquelleAutor Rolando Cruz
  3. 2

    SI "de l'événement.keyCode" ne retourne pas de valeurs propres puis pour firefox, vous pouvez utiliser le bouton " événement.charCode"

    var keyValue = event.charCode || l'événement.keyCode;

    InformationsquelleAutor Jasmeen
  4. 1

    KeyboardEvent.code :

    La valeur de l'événement keypress est différente entre les navigateurs. IE et
    Google Chrome définir la KeyboardEvent.charCode valeur. Gecko jeux 0 si
    la touche est une version imprimable des clés, sinon il définit le même mot de code
    comme un keydown ou événement keyup

    Donc, à partir de Firefox point de vue, il est retourné des valeurs correctes. Voir les docs.

    keyCode, which, keyIdentifier et charCode sont obsolètes

    Cette fonctionnalité a été supprimée à partir des standards du Web. Bien que certains navigateurs peuvent encore soutenir, il est en cours de
    de chute. Éviter de l'utiliser et de mettre à jour le code existant si possible;

    keyIdentifier avait pas de soutien dans IE et Firefox et été supprimés à partir de Chrome et Opera

    Avec charCode comme Non-standard

    Cette fonction est non-standard et n'est pas sur un suivi des normes. Ne pas utiliser sur les sites de production face au Web: il ne fonctionne pas pour tous les utilisateurs. Il peut également être importante des incompatibilités entre les implémentations

    Alors, quelles sont les alternatives?

    I. Utilisation de l' key propriété plutôt

    readonly attribute DOMString key

    Détient une clé de la valeur de l'attribut correspondant à la touche enfoncée

    Exemples :
    "un", "Une", "@", "%", "$", "ا", "ب", "ة", "ت", ..., "١", "٢", "٣", "Tab", "Entrée" , tous les "F1"...`

    Il a gagné le soutien de tous les principaux navigateurs (Firefox 52, Chrome 55, Safari 10.1, Opéra 46) à l'exception d'Internet Explorer 11, qui a
    non-standard clé identificateurs et d'un comportement incorrect avec AltGraph. Plus d'infos

    Si c'est important et/ou de compatibilité descendante, alors vous pouvez utiliser la fonctionnalité de détection comme dans le code suivant :

    Avis que le keyvaleur est différente de keyCode ou which propriétés : elle contient le nom de la clé pas de son code. Si votre programme a besoin des caractères de codes, vous pouvez faire usage de charCodeAt().
    Pour un seul des caractères imprimables que vous pouvez utiliser charCodeAt(), si vous avez à traiter avec des touches dont les valeurs contient plusieurs caractères comme ArrowUp
    les chances sont : à tester pour les touches spéciales et de prendre des mesures en conséquence. Essayez donc de mettre en œuvre un tableau de clés et les valeurs qui leur correspondent
    codes charCodeArr["ArrowUp"]=38, charCodeArr["Enter"]=13,charCodeArr[Escape]=27... et ainsi de suite, veuillez jeter un oeil à Valeurs De Clé et leur codes correspondants

    if(e.key!=undefined){
        var characterCode = charCodeArr[e.key] || e.key.charCodeAt(0);
    }else{
        /* As @Leonid suggeted   */
        var characterCode = e.which || e.charCode || e.keyCode || 0;
    }
        /* ... code making use of characterCode variable  */

    II.Vous pouvez également utiliser le code propriété :

    readonly attribute DOMString code

    Est titulaire d'une chaîne de caractères qui identifie la clé physique d'être pressé. L'
    la valeur n'est pas affectée par l'actuelle disposition de clavier ou un modificateur
    l'état, donc une touche particulière renvoie toujours la même valeur.

    Il a un effet similaire à la key de la propriété et une sortie comme "keyW" pour la touche W enfoncée d'un clavier QUERTY avec
    de mise en page. Si le même bouton a été pressé dans un autre modèle (AZERTY) ou une autre langue (l'hébreu) ou en combinaison avec un modificateur
    (maj), key propriété de modifier en conséquence, si la code propriété aurait toujours la même valeur "keyW"
    en savoir plus sur cette ici.

    La code propriété est prise en charge dans Chrome 49, Firefox 52, Safari 10.1 et de l'Opéra de 46 Mais pas dans Internet Explorer.

    voir aussi :

    1. KeyboardEvent.charCode
    2. KeyboardEvent.keyIdentifier
    3. KeyboardEvent.keyCode
    4. KeyboardEvent.qui
    5. KeyboardEvent.clé
    6. de propriété de la clé de soutien
    7. KeyboardEvent.code
    8. code de la propriété de soutien
    InformationsquelleAutor user10089632
  5. 0

    si vous obtenez un 0 n'importe quelle touche vous appuyez sur, essayez d'utiliser charCode au lieu de keyCode

    Cela se produit parce que vous êtes à l'appel de la KeyboardEvent objet qui utilise which et charCode par opposition à l'objet de l'Événement qui utilise keyCode pour revenir au clavier des valeurs Unicode. Pour plus d'informations, reportez-vous à la MDN web docs pour plus d'informations concernant les KeyboardEvent:
    https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent

    InformationsquelleAutor mado