KeyboardEvent keyCode Property

<Object Acara

Contoh

Dapatkan nilai Unicode kunci keyboard ditekan:

var x = event.keyCode;

Hasil x bisa menjadi:

119 // 119 is the character "w"

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti keyCode mengembalikan kode karakter Unicode kunci yang memicu onkeypress acara, atau Unicode kode kunci kunci yang memicu onkeydown atau onkeyup event.

Perbedaan antara dua jenis kode:

kode karakter - Sebuah nomor yang mewakili karakter ASCII
Kode kunci - Sebuah nomor yang mewakili kunci yang sebenarnya pada keyboard

jenis ini tidak selalu berarti hal yang sama; misalnya, kasus yang lebih rendah "w" dan huruf "W" memiliki kode keyboard yang sama, karena kunci yang ditekan pada keyboard adalah sama (just "W" = the number "87") , tapi berbeda kode karakter karena karakter yang dihasilkan berbeda (baik "w" atau "W" , yang "119" atau "87") - Lihat "More Examples" di bawah ini untuk lebih memahami itu.

Tip: Untuk mengetahui apakah pengguna menekan tombol dicetak (misalnya "a" atau "5"), disarankan untuk menggunakan properti ini pada acara onkeypress. Untuk mengetahui apakah pengguna menekan tombol fungsi (misalnya "F1" , "CAPS LOCK" atau "Home") menggunakan onkeydown atau peristiwa onkeyup.

Catatan: Pada Firefox, properti keyCode tidak bekerja pada acara onkeypress (will only return 0) . Untuk solusi cross-browser, menggunakan yang properti bersama-sama dengan keyCode, misalnya:

var x = event.which || event.keyCode; // Use either which or keyCode , depending on browser support

Tip: Untuk daftar semua karakter Unicode, silakan belajar kami Lengkap Unicode Referensi .

Tip: Jika Anda ingin mengkonversi nilai Unicode itu kembali ke karakter, gunakan fromCharCode() metode.

Catatan: Properti ini read-only.

Catatan: Kedua keyCode dan mana properti disediakan untuk kompatibilitas saja. Versi terbaru dari DOM Acara Keterangan merekomendasikan menggunakan kunci properti bukan (if available) .

Tip: Jika Anda ingin mengetahui apakah "ALT" , "CTRL" , "META" atau "SHIFT" tombol ditekan ketika peristiwa penting terjadi, gunakan altKey , ctrlKey , metaKey atau shiftKey properti.

Dukungan Browser

Milik
keyCode	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

event .keyCode

Rincian teknis

Kembali Nilai:	Sebuah Nomor, yang mewakili baik kode karakter Unicode atau kode kunci Unicode
DOM Versi:	Tingkat DOM 2 Acara

Contoh lebih

Contoh

Menggunakan onkeypress dan onkeydown untuk menunjukkan perbedaan antara kode karakter dan kode Keyboard:

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)">

function uniCharCode(event) {
    var char = event.which || event.keyCode;
    document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}

function uniKeyCode(event) {
    var key = event.keyCode;
    document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

Ketika menekan "a" tombol pada keyboard (not using caps lock) , hasil dari char dan kunci akan:

Unicode CHARACTER code: 97
Unicode KEY code: 65

Cobalah sendiri "

Contoh

Mengingatkan beberapa teks jika pengguna menekan tombol Escape:

<input type="text" onkeydown="myFunction(event)">

function myFunction(event) {
    var x = event.keyCode;
    if (x == 27) { // 27 is the ESC key
        alert ("You pressed the Escape key!");
    }
}

Cobalah sendiri "