Wie erkennt man, ob die gedrückte Taste ein Zeichen innerhalb eines & lt; -Eingangs & gt; Textfeld?

Mögliche Lösung, die ich finden kann, ist die überprüfung der Länge des Schlüssels in event.

ZB:-

<input type="text" id="testId" onkeyup="keyChecking(event)" />

<script type="text/javascript">
function keyChecking(event) {

    if (event.key.length == 1) {
        alert("key produced character " + event.key);
    } else {
        alert("Key DOES NOT produce character");

        const alphabets = "AZaz09";
        const key = event.key;
        var notEvenASymbol = false;

        for (let i = 0; i < key.length; i++) {
            var charCode = key.charCodeAt(i);
            if ((charCode >= alphabets.charCodeAt(0) && charCode <= alphabets.charCodeAt(1)) ||
                (charCode >= alphabets.charCodeAt(2) && charCode <= alphabets.charCodeAt(3)) ||
                (charCode >= alphabets.charCodeAt(4) && charCode <= alphabets.charCodeAt(5))
            ) {
                notEvenASymbol = true;
                console.log(charCode);
                break;
            }
        }

        if (notEvenASymbol) {
            alert("Key DOES NOT produce even a symbol");
        }
        console.log(event.key);

    }
}    
</script>

So, wenn Sie drücken Sie eine beliebige Zeichen/Symbole, die event.key enthalten, dass der Charakter und seine Länge werden 1. Wenn Sie drücken Charakter V dann die event.key wird Wert V aber wenn Sie die enter-Taste drücken, dann wird es enthalten Wert Geben Sie, wenn Sie drücken Sie die Umschalttaste und dann auf Shift und so weiter. Deshalb, wenn ein Schlüssel nicht erzeugen einen Charakter, dann ist seine Länge größer sein wird als 1.

Aktualisiert

Einige spezielle Tasten in der Tastatur erzeugen symbol und seine Länge kann größer als 1, so dass ich veränderte den code so, dass es kann Sie warnen, auch wenn es nicht ein symbol. ZB:- ? seine Länge ist 2. Einige mobile Tastaturen sind Kurzbefehle für solche Symbole.

Einem nicht-Zeichen - /symbol-Tasten in der Tastatur, wird immer eine Kombination aus Buchstaben, Ziffern oder von beiden, wie ZB:- F2, Shift.

Danke @Vicky Chijwani für die Aufmerksamkeit auf dieses Szenario.

InformationsquelleAutor der Antwort Visruth

Sollten Sie die Eigenschaft keyEventArgs.Schlüssel in der keydown-Funktion, das liefert den numerischen Wert, der abhängig vom system.

hier ist ein link, der die verschiedenen key-codes für die verschiedenen Browser und OS:

http://www.quirksmode.org/js/keys.html

InformationsquelleAutor der Antwort mariana soffer

Dies ist nicht die Methode, nach der Sie suchen, aber Sie können einfach überprüfen Sie den Wert der this.value.length in dein keydown-Funktion. Der Rückgabewert ist die Länge des Textes in das Eingabefeld, BEVOR der neue Charakter Hinzugefügt wird. Also, wenn Sie überprüfen Sie die Länge wieder in das keyup-Funktion, es wird größer sein, wenn der Benutzer drückt einen Charakter, aber die gleiche, wenn der Benutzer die shift-Taste.

InformationsquelleAutor der Antwort Jeff

Ihr Ziel, halten Sie das Textfeld größer als der text, der eingegeben wurde, in es.

Ich würde dies erreichen, indem Sie der Planung auf genügend Platz für zwei zusätzliche Zeichen (nicht) in das Textfeld ein. Dann:

//pseudo-code.... 
old_len = textbox.value.length
keyUp function() {
  var new_len = textbox.value.length
  if (new_len != old_len) {
    old_len = new_len
    textbox.style.size = new_len + 2 //pseudo code.
  }
}

Den Vorteil, der oben ist, dass Sie nicht brauchen, steigen Sie hinab in die Unterwelt des Schlüsselcodes.

InformationsquelleAutor der Antwort Larry K