Zdarzenie onkeyup

Zdarzenia DOM KeyboardEvent

Definicja i użycie

Zdarzenie onkeyup występuje, gdy użytkownik uwolni klawisz (na klawiaturze).

Wskazówka:Kolejność zdarzeń związanych z onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Przykład

Przykład 1

Wykonaj JavaScript, gdy użytkownik uwolni klawisz:

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

Spróbuj sam

Przykład 2

Używaj zdarzeń "onkeydown" i "onkeyup" razem:

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

Spróbuj sam

Przykład 3

Wypisz rzeczywiste klucze uwolnione w polu tekstowym:

Wprowadź swoje imię: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Spróbuj sam

Gramatyka

W HTML:

<element onkeyup="myScript">

Spróbuj sam

W JavaScript:

object.onkeyup = function(){myScript};

Spróbuj sam

W JavaScript, używając metody addEventListener():

object.addEventListener("keyup", myScript);

Spróbuj sam

Komentarz:Internet Explorer 8 lub wcześniejsze wersje nie obsługują Metoda addEventListener().

Szczegóły techniczne

Bublowanie: Wsparcie
Można anulować: Wsparcie
Typy zdarzeń: KeyboardEvent
Obsługiwane tagi HTML: Wszystkie elementy HTML, z wyjątkiem: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> oraz <title>
Wersja DOM: Zdarzenia poziomu 2

Obsługa przeglądarek

Zdarzenia Chrome IE Firefox Safari Opera
onkeyup Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie
Zdarzenia DOM KeyboardEvent