Mendeteksi tombol huruf
document.addEventListener('keydown', (e) => {
if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); // Ctrl/Cmd + S
save();
}
});Membandingkan e.key.toLowerCase() sudah menangani Shift dan Caps Lock. Untuk kontrol game yang harus tetap di posisi yang sama di setiap tata letak, bandingkan e.code ("KeyW", "KeyA", "KeyS", "KeyD") sebagai gantinya.
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
Apakah event.key untuk huruf dalam huruf besar atau kecil?
Huruf mengikuti Shift dan Caps Lock: event.key biasanya “a” dan menjadi “A” saat Shift ditekan. event.code tetap KeyA dalam kedua kondisi.
Apakah kode tombol berubah mengikuti tata letak keyboard?
event.key berubah sesuai tata letak (di keyboard AZERTY Prancis, posisi A menghasilkan Q); event.code selalu menunjukkan tombol fisiknya.
Apakah saya masih perlu memakai keyCode?
Tidak — keyCode sudah usang. Gunakan event.key untuk karakter dan event.code untuk posisi tombol.