tutorial pengembangan web terbaru
 

Acara onkeyup

<Object Acara

Contoh

Mengeksekusi JavaScript ketika pengguna melepaskan kunci:

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

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Acara onkeyup terjadi ketika user melepaskan tombol (pada keyboard).

Tip: Urutan kegiatan yang terkait dengan acara onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Dukungan Browser

Peristiwa
onkeyup iya nih iya nih iya nih iya nih iya nih

Sintaksis

Dalam HTML:

< Cobalah sendiri "

Dalam JavaScript:

object .onkeyup=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("keyup", myScript );
Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.

Rincian teknis

Gelembung: iya nih
dibatalkan: iya nih
jenis acara: KeyboardEvent
tag HTML yang didukung: Semua elemen HTML, KECUALI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title>
DOM Versi: Level 2 Acara
contoh

Contoh lebih

Contoh

Menggunakan "onkeydown" bersama-sama dengan "onkeyup" acara:

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

Contoh

Output kunci yang sebenarnya yang dirilis di dalam kolom 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>
Cobalah sendiri "
<Object Acara