JavaScript verfügt über mehrere Tastaturereignisse

Javascript verfügt über drei Arten von Tastaturereignissen: 1. Keydown-Ereignis, das ausgelöst wird, wenn eine bestimmte Taste auf der Tastatur gedrückt wird; 2. Keypress-Ereignis, das ausgelöst wird, wenn eine bestimmte Taste auf der Tastatur gedrückt wird; 3. Keyup-Ereignis; , die ausgelöst wird, wenn eine bestimmte Tastaturtaste losgelassen wird. Wird ausgelöst, wenn eine Taste gedrückt wird.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In JavaScript werden Tastaturereignisse ausgelöst, wenn der Benutzer die Tastatur bedient.

Tastaturereignisse umfassen hauptsächlich die folgenden drei Typen:

• keydown: Wird ausgelöst, wenn eine Taste auf der Tastatur gedrückt wird. Wenn Sie eine Taste gedrückt halten, wird dieses Ereignis kontinuierlich ausgelöst, der Opera-Browser unterstützt diesen kontinuierlichen Vorgang jedoch nicht. Wenn der Ereignishandler „false“ zurückgibt, wird die Standardaktion (z. B. die Eingabe von Tastaturzeichen und die Reaktion auf Tastendruckereignisse in IE- und Safari-Browsern) abgebrochen. keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符，在 IE 和 Safari 浏览器下还会禁止keypress 事件响应）。

• keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符）。

• keyup

keypress: Wird ausgelöst, wenn eine Tastaturtaste gedrückt und losgelassen wird. Wenn eine Taste gedrückt wird, wird dieses Ereignis kontinuierlich ausgelöst. Wenn der Ereignishandler „false“ zurückgibt, wird die Standardaktion (z. B. die eingegebenen Tastaturzeichen) abgebrochen.

keyup: Wird ausgelöst, wenn eine Tastaturtaste losgelassen wird. Dieses Ereignis wird nur einmal beim Loslassen der Tastatur ausgelöst und ist kein kontinuierlicher Antwortzustand.

Wenn Sie den Tastencode abrufen, den der Benutzer drückt, können Sie die Ereignisse „keydown“, „keypress“ und „keyup“ verwenden, um diese Informationen abzurufen. Die Ereignisse „keydown“ und „keypress“ sind im Grunde synonyme Ereignisse und ihre Leistung ist genau die gleiche. Allerdings erlauben einige Browser nicht, dass das Ereignis „keypress“ zum Abrufen von Tasteninformationen verwendet wird. Alle Elemente unterstützen Tastaturereignisse, Tastaturereignisse werden jedoch hauptsächlich bei der Formulareingabe verwendet.

Beispiel

Das folgende Beispiel erfasst verschiedene Details von Tastaturoperationen in Echtzeit, d. h. Tastaturreaktionsereignistypen und entsprechende Tastenwerte.

<textarea id="key"></textarea>
<script>
    var key = document.getElementById("key");
    key.onkeydown =f;  //注册keydown事件处理函数
    key.onkeyup = f;  //注册keyup事件处理函数
    key.onkeypress = f;  //注册keypress事件处理函数
    function f (e) {
        var e = e || window.event;  //标准化事件处理
        var s = e.type + " " + e.keyCode;  //获取键盘事件类型和按下的值
        key.value = s;
    }
</script>

Eigenschaften von TastaturereignissentargetsrcElementshiftKeyctrlKeymetaKey[Verwandte Empfehlungen:

Die Tastatur definiert viele Eigenschaften, wie in der Tabelle unten gezeigt. Verwenden Sie diese Eigenschaften, um Tastaturoperationen präzise zu steuern. Tastaturereigniseigenschaften sind im Ereignisobjekt im Allgemeinen nur dann vorhanden, wenn ein tastaturbezogenes Ereignis auftritt, mit Ausnahme der Eigenschaften „ctrlKey“ und „shiftKey“, da sie in Wassereinlagerungsereignissen vorhanden sein können. Ein Mausklick erfolgt beispielsweise, wenn die Strg- oder Umschalttaste gedrückt wird. Durch Tastaturereignisse definierte Attribute die entsprechende Taste in der Tastatur-Unicode-Codierung, nur DOM unterstützt
Der Knoten (der Elemente enthält), auf dem das Ereignis auftritt, nur DOM unterstützt
Das Element, auf dem das Ereignis auftritt, unterstützt nur IE
ob die Umschalttaste gedrückt wird, wenn sie gedrückt wird, gibt sie true zurück, andernfalls ist sie false.
Ob die Strg-Taste gedrückt ist, wenn sie gedrückt wird, gibt sie true zurück, andernfalls false. Gibt true zurück, andernfalls false
Ob die Mtea-Taste gedrückt wird, gibt true zurück, wenn sie gedrückt wird, andernfalls false, nur DOM unterstützt
Javascript-Lerntutorial	]

Das obige ist der detaillierte Inhalt vonJavaScript verfügt über mehrere Tastaturereignisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!