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

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.

Beispiel

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

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!