JavaScript KeyCode vs CharCode

Gute Trauer. KeyboardEvent.[key, char, keyCode, charCode, die] sind alle veraltet oder haben derzeit ausstehenden Fehler laut Mozilla die API-docs - https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent. Auch JQuery geht der Bock auf diese ein und ermöglicht dem Nutzer, es herauszufinden,https://api.jquery.com/keydown/.

InformationsquelleAutor der Antwort nicopolyptic

onKeyPress hat unterschiedliche codes für groß-und Kleinbuchstaben. Sie würden wahrscheinlich feststellen, dass das drehen auf der cap-lock und dann mit der Eingabe der Buchstaben würde, geben Sie den code, den Sie erwarten

onKeyUp und onKeyDown haben den gleichen Charakter-codes für die oberen und Kleinbuchstaben. Es würde empfehlen, mit onKeyUp, weil es die am nächsten onKeyPress

InformationsquelleAutor der Antwort James Long

Hier ist ein Beispiel-markup:

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

Die folgende Logik verwendet werden kann, um eine Falle für Tastatur-Eingaben (in diesem Fall über eine jQuery document ready-wrapper).

Kann es Lesen ein wenig doof, aber im Grunde, ich checke alles, was ich zulassen möchten (in Ihrem Fall die Buchstaben A bis Z in groß-und Kleinschreibung) und nichts tun. In anderen Worten, die Standard-Aktion ist erlaubt, aber jegliche Eingabe von anderen als alpha verhindert wird.

Standard, Tastatur-navigation, wie Sie Pfeiltasten, Home, End, Tab, Backspace, Löschen und so weiter sind geprüft und zugelassen.

HINWEIS: Dieser code wurde ursprünglich geschrieben, um zu befriedigen, die Benutzereingaben erlauben nur alphanumerische Werte (A - Z, A - z, 0 - 9), und ich verließ die Linien intakt als Kommentare.

        <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>

InformationsquelleAutor der Antwort Mac

Ich denke du nimmst den falschen Ansatz. Wie wäre es mit etwas wie:

<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>

Auch, vergessen Sie nicht, wiederholen Sie die Prüfung server-Seite auch.

InformationsquelleAutor der Antwort jqeryandjavascriptarenotthesam