Cara mendeteksi Semicolon (;)
document.addEventListener('keydown', (event) => {
if (event.key === ";") {
// Semicolon (;) was pressed
}
});Gunakan event.key untuk bereaksi terhadap arti tombol (mengikuti tata letak keyboard) dan event.code untuk posisi fisiknya, misalnya WASD di game. keyCode dan which sudah usang: keduanya masih berfungsi, tetapi nilainya berbeda antar browser dan tata letak.
Bagaimana browser menangani Semicolon (;)
Tombol tanda baca berpindah posisi di keyboard internasional: di keyboard Jerman, tombol ini mengetik Ö. Gunakan event.key untuk karakter yang diketik, dan event.code hanya untuk posisi fisik seperti kontrol game.
Di React
<input onKeyDown={(e) => { if (e.key === ";") { /* … */ } }} />Pencari Keycode JavaScript
Tekan tombol apa saja dan langsung lihat semua properti event keyboard, lengkap dengan cuplikan keydown yang siap disalin untuk shortcut.
Pertanyaan yang sering diajukan
Berapa keyCode untuk Semicolon (;)?
186. Namun, nilai ini sudah usang: gunakan event.key (“; (atau : dengan Shift)”) atau event.code (Semicolon) di kode baru.
Apa perbedaan antara event.key dan event.code?
event.key adalah karakter atau aksi yang dihasilkan tombol dengan tata letak saat ini; event.code adalah posisi fisik tombol, dan sama di setiap tata letak.
Sebaiknya pakai keydown atau keypress?
keydown. Event keypress sudah usang dan tidak terpicu untuk tombol yang tidak menghasilkan karakter, seperti Escape atau tombol panah.