Code JavaScript vs CharCode

bon sang. KeyboardEvent.[key, char, keyCode, charCode, qui] sont tous dépréciés ou ont actuellement des bogues en suspens selon les documents de L'API de Mozilla - https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent . Même JQuery passe la responsabilité sur celui-ci et laisse l'utilisateur comprendre https://api.jquery.com/keydown / .

en fait, 104 est le code ASCII Pour " h " minuscule. Pour obtenir le code ASCII du caractère dactylographié onkeypress, vous pouvez juste utiliser e.which || e.keyCode , et vous n'avez pas besoin de vous soucier de clés tenues vers le bas parce que pour le texte dactylographié, keypress est auto-répété dans tous les navigateurs (selon l'excellent http://unixpapa.com/js/key.html ).

donc tout ce dont vous avez vraiment besoin est:

<input id="textbox">

<script type="text/javascript">
document.getElementById('textbox').onkeypress = function(e){
  var c = e.which || e.keyCode;
  if((c > 31 && c < 65) || (c > 90 && c < 97) || (c > 122 && c !== 127))
    return false;
};
</script>

l'Essayer: http://jsfiddle.net/wcDCJ/1 /

(les codes ASCII sont de http://en.wikipedia.org/wiki/Ascii )

onKeyPress a des codes différents pour les lettres majuscules et minuscules. Vous constateriez probablement que le fait d'actionner le cap-lock puis de taper votre lettre vous donnerait le code que vous attendez

onKeyUp et onKeyDown ont les mêmes codes de caractères pour les lettres majuscules et minuscules. Il est recommandé d'utiliser onKeyUp car c'est le plus proche de onKeyPress

/* Vous n'obtiendrez pas de keyCode sur keypress pour les clés Non-impression, pourquoi ne pas les capturer sur keydown à la place? * /

function passkeycode(e){
    e= e || window.event;
    var xtrakeys={
        k8: 'Backspace', k9: 'Tab', k13: 'Enter', k16: 'Shift', k20: 'Caps Lock',
        k35: 'End', k36: 'Home', k37: 'Ar Left', k38: 'Ar Up', k39: 'Ar Right',
        k40: 'Ar Down', k45: 'Insert', k46: 'Delete'
    },
    kc= e.keyCode;
    if((kc> 64 && kc<91) || xtrakeys['k'+kc]) return true;
    else return false;
}

inputelement.onkeydown=passkeycode;

kc> 64 & & kc<91 / / a-zA-Z

xtrakeys['k'+integer]) définit les codes spéciaux autorisés

voici un exemple de markup:

<form id="formID">
    <input type="text" id="filteredInput">
    <input type="text" id="anotherInput">
</form>

la logique suivante peut être utilisée pour piéger les entrées de clavier (dans ce cas, via un papier jQuery prêt à l'emploi).

il peut lire un peu goofy, mais fondamentalement, je vérifie tout ce que je veux permettre (dans votre cas, les lettres A à Z cas insensible) et ne rien faire . En d'autres termes, l'action par défaut est autorisée, mais toute entrée Autre qu'alpha est empêchée.

la navigation au clavier Standard, comme les touches fléchées, la maison, la fin, L'onglet, L'espace de retour, la suppression et ainsi de suite sont vérifiées et autorisées.

NOTE: ce code a été écrit à l'origine pour satisfaire l'entrée de l'utilisateur ne permettant que des valeurs alphanumériques (A - Z, A - z, 0 - 9), et j'ai laissé ces lignes intactes comme commentaires.

        <script>
            jQuery( document ).ready( function() {

                // keydown is used to filter input
                jQuery( "#formID input" ).keydown( function( e ) {
                    var _key = e.which
                        , _keyCode = e.keyCode
                        , _shifted = e.shiftKey
                        , _altKey = e.altKey
                        , _controlKey = e.ctrlKey
                    ;
                    //console.log( _key + ' ' + _keyCode + ' ' + _shifted + ' ' + _altKey + ' ' + _controlKey );

                    if( this.id === jQuery( '#filteredInput' ).prop( 'id' ) ) {
                        if(
                            // BACK,         TAB
                            ( _key === 8 || _key === 9 )    // normal keyboard nav
                        ){}

                        else if(
                            // END,           HOME,          LEFT,          UP,            RIGHT,         DOWN
                            ( _key === 35 || _key === 36 || _key === 37 || _key === 38 || _key === 39 || _key === 40 )  // normal keyboard nav
                        ){}

                        else if(
                            // DELETE
                            ( _key === 46 ) // normal keyboard nav
                        ){}

                        else if(
                            ( _key >= 65 && _key <= 90 )    // a- z

                            //( _key >= 48 && _key <=  57 && _shifted !== true ) ||   // 0 - 9 (unshifted)
                            //( _key >= 65 && _key <=  90 ) ||                        // a- z
                            //( _key >= 96 && _key <= 105 )                           // number pad 0- 9
                        ){}

                        else {
                            e.preventDefault();
                        }
                    }

                });
            });
        </script>

je pense que keyCode renvoie le code ASCII du caractère de la valeur de clé, Ascii-104 h.

http://www.asciitable.com /

Charcode est comme indiqué dans une autre réponse une alternative utilisée dans certains navigateurs.

voici un article avec un exemple de crssbrowser: http://santrajan.blogspot.com/2007/03/cross-browser-keyboard-handler.html

je pense que vous adoptez la mauvaise approche. Que diriez-vous de quelque chose comme:

<input id="test">

<script type="text/javascript">
var aToZ = function(el){
    if(this.value.match(/[^a-zA-Z]/)){
        this.value = this.value.replace(/[^a-zA-Z]+/, '')
    }
}
document.getElementById("test").onkeyup = aToZ
</script>

Aussi, n'oubliez pas de répéter la vérification côté serveur.