Acara onkeyup
Contoh
Jalankan JavaScript saat pengguna melepaskan kunci:
<input type="text" onkeyup="myFunction()">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Acara onkeyup terjadi ketika pengguna melepaskan kunci (pada keyboard).
Tip: Urutan acara yang terkait dengan acara onkeyup:
- onkeydown
- penekanan tombol
- onkeyup
Dukungan Peramban
Event | |||||
---|---|---|---|---|---|
onkeyup | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<element onkeyup="myScript">
Dalam JavaScript:
object.onkeyup = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("keyup", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Ya |
---|---|
Dapat dibatalkan: | Ya |
Jenis acara: | Acara Keyboard |
Tag HTML yang didukung: | Semua elemen HTML, KECUALI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title> |
Versi DOM: | Acara Tingkat 2 |
Lebih Banyak Contoh
Contoh
Menggunakan "onkeydown" bersama dengan acara "onkeyup":
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Contoh
Keluarkan kunci aktual yang dirilis di dalam bidang teks:
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
var x = document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>