KeyboardEvent which Property

<Object Acara

Contoh

Dapatkan nilai Unicode kunci keyboard ditekan:

var x = event.which;

Hasil x bisa menjadi:

119 // 119 is the character "w"

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti yang 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: mana properti tidak didukung di IE8 dan sebelumnya. Untuk versi browser ini, Anda dapat menggunakan keyCode properti. Namun, properti keyCode tidak bekerja pada acara onkeypress di Firefox. Untuk solusi cross-browser, Anda dapat menggunakan kode berikut:

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: Baik yang dan keyCode 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

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
which	iya nih	9.0	iya nih	iya nih	iya nih

Sintaksis

event .which

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; // event.keyCode is used for IE8 and earlier
    document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}

function uniKeyCode(event) {
    var key = event.which || event.keyCode; // event.keyCode is used for IE8 and earlier
    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.which || event.keyCode; // event.keyCode is used for IE8 and earlier
    if (x == 27) { // 27 is the ESC key
        alert ("You pressed the Escape key!");
    }
}

Cobalah sendiri "