Tombol Apa yang Saya Tekan?
Tekan tombol apa saja dan halaman ini menampilkan event.key, event.code, dan keyCode lama. Misalnya tombol A menghasilkan key "a", code "KeyA", dan keyCode 65, sedangkan tombol Enter menghasilkan code "Enter" dan keyCode 13.
Cara memakai
- Klik di mana saja pada halaman, lalu tekan tombol di keyboard. Tidak perlu mengklik kotak teks.
- Baca nama tombol, kode fisik, dan keyCode lama di panel. Tahan Shift, Ctrl, Alt, atau Cmd untuk melihat status tombol pengubah, dan tahan satu tombol untuk melihat penanda pengulangan menyala.
- Gunakan Salin untuk membawa nilainya ke kode Anda. Daftar di bawah menyimpan sepuluh tekanan terakhir.
Cara menghitung
Browser mengirim peristiwa keydown pada setiap penekanan tombol. event.key adalah nilai yang dihasilkan tombol, seperti "a", "A", atau "Enter", dan berubah menurut tata letak keyboard dan Shift. event.code adalah tombol fisik, seperti "KeyA", dan tetap sama di semua tata letak sehingga cocok untuk kontrol game.
event.keyCode adalah kode angka lama. Sudah usang, tetapi masih dipakai di skrip lama dan kode zaman jQuery sehingga tetap ditampilkan. Saat menyusun teks dengan metode input (IME), nilainya 229. event.location menunjukkan letak tombol: 0 standar, 1 kiri, 2 kanan, 3 numpad.
Agar halaman tidak bergulir atau membuka bantuan saat Anda menguji, alat ini membatalkan aksi bawaan browser untuk sebagian besar tombol. Tab, Escape, F5, F11, F12, dan pintasan dengan Ctrl atau Cmd dibiarkan. Tombol yang ditangani sistem operasi, seperti Fn, volume, dan kecerahan, tidak pernah sampai ke halaman.
Pertanyaan umum
Apa beda event.key dan event.code?
event.key adalah apa yang diketik tombol, jadi bergantung pada tata letak dan Shift. event.code adalah posisi fisik. Pada keyboard AZERTY Prancis, tombol di posisi Q memberi code "KeyQ" tetapi key "a". Pakai code untuk kontrol game dan key untuk pintasan yang bergantung pada karakter.
Apakah saya masih perlu memakai keyCode?
Tidak. keyCode dan which sudah usang. Di kode baru, pakai event.key atau event.code. Angkanya ditampilkan agar Anda bisa membaca atau memperbaiki skrip lama, misalnya 13 adalah Enter, 27 Escape, dan 32 Spasi.
Kenapa muncul 229 atau "Process"?
Metode input untuk bahasa Mandarin, Jepang, Korea, dan lainnya mengambil tombol lebih dulu saat Anda menyusun teks, sehingga browser melaporkan 229. Pindah ke tata letak bahasa Inggris jika butuh nilai tombol biasa.
Kenapa pintasan atau tombol media saya tidak muncul?
Sistem operasi atau browser bisa mengambil tombol sebelum halaman melihatnya. Contohnya Ctrl+W, Alt+Tab, Cmd+Q, dan baris Fn di banyak laptop. Jika halaman tidak bereaksi, tombol itu tidak sampai ke kode web.