Cara mendeteksi Backspace
document.addEventListener('keydown', (event) => {
if (event.key === "Backspace") {
// Backspace was pressed
}
});Gunakan event.key untuk bereaksi terhadap makna 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 antara browser dan tata letak.
Cara browser menangani Backspace
Backspace menghapus karakter di depan kursor. Browser lama memakainya untuk “Back”; browser modern tidak. Untuk mendeteksi perubahan teks, lebih baik gunakan event beforeinput dengan inputType: "deleteContentBackward".
Di React
<input onKeyDown={(e) => { if (e.key === "Backspace") { /* … */ } }} />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 Backspace?
8. Namun properti ini sudah usang, jadi di kode baru gunakan event.key (“Backspace”) atau event.code (Backspace).
Apa perbedaan 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 posisinya 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.