yang atribut acara

contoh

Menjadi nilai Unicode dengan menekan tombol pada keyboard:

var x = event.which;

x Outputnya adalah:

119 // 119 adalah karakter "w"

Coba »

Bagian bawah artikel ini berisi lebih banyak contoh.

Definisi dan penggunaan

yang kembali properti onkeypress acara memicu nilai kode karakter kunci 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

Dua jenis nilai tidak sama, misalnya, huruf kecil "w" dan huruf "W" memiliki kode keyboard yang sama karena mereka berada pada keyboard mereka ( "W" kode "87"), tetapi mereka memiliki karakter yang berbeda kode, 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: IE8 dan versi sebelumnya tidak mendukung yang atribut. browser yang tidak didukung dapat menggunakan keyCode properti. Namun, sifat keyCode dalam acara browser Firefox onkeypress tidak valid. Kompatibel dengan browser ini Anda dapat menggunakan kode berikut:

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

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

milik
yang	ya	9.0	ya	ya	ya

tatabahasa

acara .which

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; // event.keyCode untuk IE8 dan versi sebelumnya
document.getElementById ( "demo") .innerHTML = "kode Unicode KARAKTER:" + arang;
}

Fungsi uniKeyCode (event) {
kunci var = event.which || event.keyCode; // event.keyCode untuk IE8 dan versi sebelumnya
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
Kode Keyboard Unicode: 65

Coba »

contoh

Jika Anda menekan tombol Esc untuk memunculkan pesan:

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

Fungsi myFunction (event) {
var x = event.which || event.keyCode; // event.keyCode untuk IE8 dan versi sebelumnya
if (x == 27) {// 27 tombol ESC adalah
alert ( "Anda menekan tombol Escape !");
}
}

Coba »