Properti keyCode acara

contoh

Menjadi nilai Unicode dengan menekan tombol pada keyboard:

var x = event.keyCode;

x Outputnya adalah:

119 // 119 adalah karakter "w"

Bagian bawah artikel ini berisi lebih banyak contoh.

Definisi dan penggunaan

keyCode pengembalian properti onkeypress nilai acara memicu karakter kunci kode atau onkeydown atau onkeyup event kode kunci.

Apakah perbedaan antara dua jenis kode:

kode karakter - Menunjukkan karakter ASCII
Kode Keyboard - mewakili tombol angka pada nyata Keyboard

p> dua jenis nilai yang tidak sama, misalnya, huruf kecil "w" dan huruf "W" memiliki kode keyboard yang sama karena mereka pada keyboard ( "W" kode "87"), tetapi mereka memiliki yang berbeda mereka kode karakter, dua karakter tidak output yang sama ( "w" dan "W" kode karakter "119" dan "87") - Lihat contoh berikut mungkin lebih baik dipahami.

Tip: Jika Anda perlu tahu pengguna menekan tombol cetak (seperti "a" atau "5"), dianjurkan untuk menggunakan acara onkeypress. Jika Anda perlu tahu pengguna menekan tombol fungsi (seperti "F1", "CAPS LOCK" atau "Home") dapat digunakan onkeydown atau acara onkeyup.

Catatan: Di Firefox ,, properti keyCode acara onkeypress tidak valid (pulang 0). masalah kompatibilitas browser, dapat digunakan dengan yang sifat dan keyCode untuk memecahkan:

var x = event.which || event.keyCode; // penggunaan yang atau keyCode, ini dapat mendukung browser yang berbeda

Catatan: Daftar semua karakter Unicode dapat melihat kami referensi manual Unicode lengkap .

Tip: Jika Anda perlu mengkonversi nilai karakter Unicode, Anda dapat menggunakan () fromCharCode metode.

Catatan: Properti ini read-only.

Catatan: yang keyCode properti dan menyediakan metode solusi untuk kompatibilitas browser, versi terbaru dari acara DOM direkomendasikan kunci atribut sebagai metode alternatif.

Tip: Jika Anda ingin melihat apakah pers "ALT", "CTRL", "META" atau "SHIFT" kunci, Anda dapat menggunakan altKey , ctrlKey , metakey atau shiftKey properti.

Dukungan Browser

milik
keyCode	ya	ya	ya	ya	ya

tatabahasa

acara .keyCode

rincian teknis

Pengembalian:	Jumlah yang mewakili kode karakter Unicode atau kode kunci Unicode
Versi DOM:	Tingkat DOM 2 Acara

contoh yang lebih

contoh

Gunakan onkeypress dan onkeydown untuk menunjukkan perbedaan antara kode karakter dan keyboard kode:

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

Fungsi uniCharCode (event) {
var Char = event.which || event.keyCode;
document.getElementById ( "demo") .innerHTML = "kode Unicode KARAKTER:" + arang;
}

Fungsi uniKeyCode (event) {
kunci var = event.keyCode;
document.getElementById ( "demo2") .innerHTML = "Unicode KEY kode:" + kunci;
}

Ketika ditekan pada keyboard "" kunci (tidak menggunakan Caps Lock), hasil output adalah sebagai berikut:

kode karakter Unicode: 97
Unicode kode kunci: 65

Coba »

contoh

Jika Anda menekan tombol Esc untuk memunculkan pesan:

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

Fungsi myFunction (event) {
var x = event.keyCode;
if (x == 27) {// 27 tombol ESC adalah
alert ( "Anda menekan tombol Escape !");
}
}

Coba »