Peristiwa onkeyup
Definisi dan penggunaan
Peristiwa onkeyup terjadi saat pengguna melepaskan tombol (pada papan tombol).
Petunjuk:Urutan peristiwa yang berhubungan dengan peristiwa onkeyup:
Contoh
Contoh 1
Eksekusi JavaScript saat pengguna melepaskan tombol:
<input type="text" onkeyup="myFunction()">
Contoh 2
Gunakan "onkeydown" dan "onkeyup" peristiwa bersamaan:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Contoh 3
Outputkan tombol yang sebenarnya yang dilepas 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>
Syarat
Dalam HTML:
<element onkeyup="myScript">
Dalam JavaScript:
object.onkeyup = function(){myScript};
Dalam JavaScript, gunakan metode addEventListener():
object.addEventListener("keyup", myScript);
Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().
Detil teknis
Bubbling: | Dukungan |
---|---|
Bisa dibatalkan: | Dukungan |
Jenis peristiwa: | KeyboardEvent |
Tanda tangan 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 pereka
Peristiwa | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onkeyup | Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |