Properti charCode KeyboardEvent

DOM Event KeyboardEvent

Definisi dan penggunaan

Properti charCode mengembalikan Peristiwa onkeypress Kode karakter Unicode dari tombol.

Kode karakter Unicode adalah nomor karakter (contoh, angka "97" mewakili huruf "a").

Petunjuk:Untuk daftar semua karakter Unicode, lihat referensi kami di Referensi Unicode lengkap

Petunjuk:Jika ingin mengkonversi nilai Unicode ke karakter, gunakan Metode fromCharCode()

Keterangan:Jika properti ini digunakan untuk onkeydown atau onkeyup Jika properti ini digunakan untuk

Keterangan:Properti ini hanya baca.

Keterangan:IE8 dan versi yang lebih awal tidak mendukung properti charCode. Namun, untuk versi browser ini, Anda dapat menggunakan Properti keyCodeAtau, untuk solusi cross-browser, Anda dapat menggunakan kode berikut:

var x = event.charCode || event.keyCode; // Gunakan charCode atau keyCode, tergantung dukungan browser

Petunjuk:Anda juga dapat menggunakan properti keyCode untuk mengecek tombol khusus (seperti tombol caps lock atau tombol arah). Namun, menyediakan properti keyCode dan charCode hanya untuk kompatibilitas. Spesifikasi standar DOM event versi terbaru menyarankan untuk menggunakan properti key (jika tersedia).

Petunjuk:Jika Anda ingin mengetahui apakah tombol "ALT", "CTRL", "META", atau "SHIFT" ditekan saat terjadi peristiwa tombol, gunakan altKey,ctrlKey/,metaKey atau shiftKey Atribut.

Contoh

Contoh 1

Dapatkan nilai Unicode tombol yang ditekan:

var x = event.charCode;

Coba Sendiri

Contoh 2

Solusi lewat browser untuk mendapatkan nilai Unicode tombol yang ditekan:

// Jika browser mendukung, gunakan charCode, jika tidak gunakan keyCode (untuk IE8 dan versi sebelumnya)
var x = event.charCode || event.keyCode;

Coba Sendiri

Contoh 3

Jika pengguna menekan tombol "O", tampilkan beberapa teks:

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o adalah 111, O adalah 79
    alert("Anda menekan tombol 'O'!");
  }
}

Coba Sendiri

Contoh 4

Konversi nilai Unicode ke karakter:

var x = event.charCode || evt.keyCode;   // Dapatkan nilai Unicode
var y = String.fromCharCode(x);          // Konversi nilai ke karakter

Coba Sendiri

Syarat

event.charCode

Detil Teknologi

Nilai pengembalian: Nilai angka, menunjukkan kode karakter Unicode.
Versi DOM: DOM Level 2 Events

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Atribut Chrome IE Firefox Safari Opera
charCode Dukungan 9.0 Dukungan Dukungan Dukungan

Halaman yang berhubungan

Panduan Referensi HTML DOM:Properti key KeyboardEvent

Panduan Referensi HTML DOM:Properti keyCode KeyboardEvent

Panduan Referensi HTML DOM:Properti which KeyboardEvent

DOM Event KeyboardEvent