Peristiwa onkeyup

Peristiwa DOM KeyboardEvent

Definisi dan penggunaan

Peristiwa onkeyup terjadi saat pengguna melepaskan tombol (pada papan ketik).

Petunjuk:Urutan peristiwa yang berhubungan dengan onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Contoh

Contoh 1

Eksekusi JavaScript saat pengguna melepaskan tombol:

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

Coba sendiri

Contoh 2

Gunakan "onkeydown" dan "onkeyup" peristiwa bersamaan:

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

Coba sendiri

Contoh 3

Output kunci yang di lepas di dalam bidang teks:

Masukkan nama Anda: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Coba sendiri

Sintaksis

Pada HTML:

<element onkeyup="myScript">

Coba sendiri

Pada JavaScript:

object.onkeyup = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

object.addEventListener("keyup", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Detil teknis

Bubbling: Dukungan
Dapat dibatalkan: Dukungan
Tipe peristiwa: KeyboardEvent
Tanda tag HTML yang didukung: Semua elemen HTML kecuali: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> serta <title>
Versi DOM: Peristiwa Level 2

Dukungan Browser

Peristiwa Chrome IE Firefox Safari Opera
onkeyup Dukungan Dukungan Dukungan Dukungan Dukungan
Peristiwa DOM KeyboardEvent