onkeyup-Ereignis

DOM-Ereignisse KeyboardEvent

Definition und Verwendung

Das onkeyup-Ereignis tritt auf, wenn der Benutzer die Taste löst (auf der Tastatur).

Tipp:Reihenfolge der Ereignisse im Zusammenhang mit dem onkeyup-Ereignis:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Beispiel

Beispiel 1

Führen Sie JavaScript aus, wenn der Benutzer die Taste löst:

<input type="text" onkeyup="myFunction()">

Versuchen Sie es selbst

Beispiel 2

Verwenden Sie "onkeydown" und "onkeyup" Ereignisse zusammen:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

Versuchen Sie es selbst

Beispiel 3

Geben Sie den tatsächlichen Tastenabstand im Textfeld aus:

Geben Sie Ihren Namen ein: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Versuchen Sie es selbst

Syntax

In HTML:

<element onkeyup="myScript">

Versuchen Sie es selbst

In JavaScript:

object.onkeyup = function(){myScript};

Versuchen Sie es selbst

In JavaScript wird die Methode addEventListener() verwendet:

object.addEventListener("keyup", myScript);

Versuchen Sie es selbst

Anmerkung:Internet Explorer 8 oder frühere Versionen unterstützen dies nicht addEventListener() Methode.

Technische Details

Blasen: Unterstützung
Kann abgebrochen werden: Unterstützung
Ereignistyp: KeyboardEvent
Unterstützte HTML-Tags: Alle HTML-Elemente, außer: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> und <title>
DOM-Version: Level 2 Ereignisse

Browser-Unterstützung

Ereignisse Chrome IE Firefox Safari Opera
onkeyup Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung
DOM-Ereignisse KeyboardEvent