Cara menggunakan Pencari Keycode JavaScript
- Klik kotak (atau area mana pun di halaman) lalu tekan tombol atau shortcut.
- Baca
event.key,event.code, dankeyCodeversi lama. - Salin handler
keydownyang dihasilkan untuk shortcut kamu.
key, code, dan keyCode
| Properti | Informasi yang diberikan | Kegunaan |
|---|---|---|
event.key | Karakter atau nama tombol yang dihasilkan, mengikuti layout dan Shift ("a", "A", "Enter") | Input teks, “ketik ? untuk bantuan” |
event.code | Posisi fisik tombol, tidak bergantung pada layout ("KeyA", "Digit1") | Game (WASD) dan shortcut berbasis posisi |
event.keyCode / which | Kode numerik lama (Enter = 13, Esc = 27) | Hanya untuk kode lama — sudah usang |
event.location | 0 standar, 1 kiri, 2 kanan, 3 numpad | Membedakan Shift kiri/kanan atau tombol numpad |
Kode tombol umum
| Tombol | event.key | event.code | keyCode |
|---|---|---|---|
| Enter | Enter | Enter | 13 |
| Escape | Escape | Escape | 27 |
| Spasi | " " | Space | 32 |
| Tab | Tab | Tab | 9 |
| Backspace | Backspace | Backspace | 8 |
| Tombol panah | ArrowLeft/Up/Right/Down | sama | 37–40 |
| A–Z | a–z / A–Z | KeyA–KeyZ | 65–90 |
| 0–9 | 0–9 | Digit0–Digit9 | 48–57 |
| F1–F12 | F1–F12 | F1–F12 | 112–123 |
Menulis handler shortcut
Periksa modifier secara eksplisit (e.ctrlKey || e.metaKey mencakup Ctrl di Windows dan ⌘ di macOS), panggil e.preventDefault() hanya untuk shortcut yang kamu tangani, dan lewati handler saat pengguna sedang mengetik di input. Gunakan key untuk shortcut huruf agar mengikuti layout keyboard pengguna, dan code saat posisi fisik itu penting.
Uji ekspresi reguler untuk penanganan tombol di regex tester, atau cek bagaimana browser mengidentifikasi dirinya dengan user agent parser.
Juga dicari sebagai: keycode javascript, daftar keycode, event.key, event.code, pengecek keyboard event, cek key code, pencari keycode.
Tool yang cocok dipakai bersama Pencari Keycode JavaScript
- Editor HTML Online — Playground kode yang ringan: edit HTML, CSS dan JavaScript berdampingan, lihat hasilnya seketika, baca output console, dan unduh halaman kamu sebagai satu file HTML.
- Formatter JavaScript — Rapikan dan beri indentasi JavaScript, JSON atau JSX sesuai preferensimu, dengan gaya kurung kurawal pilihanmu, atau hapus spasi dan komentar dengan minifier yang sudah terverifikasi.
- Resolusi Layar Saya — Ukuran layar dan jendela browser dalam piksel CSS, device pixel ratio, serta resolusi fisik sebenarnya, diukur langsung oleh browser kamu.
- Formatter HTML — Tempel markup yang berantakan atau sudah di-minify, lalu dapatkan HTML rapi dengan indentasi konsisten — termasuk blok <style> dan <script> di dalamnya.
Pertanyaan yang sering diajukan
Haruskah saya memakai keyCode?
Tidak.
keyCode dan which sudah usang. Gunakan event.key untuk karakter dan event.code untuk tombol fisik.Apa keycode untuk Enter?
Enter memiliki keyCode 13,
key "Enter", dan code "Enter" (atau "NumpadEnter" pada numpad).Mengapa Ctrl+W menutup tab?
Beberapa shortcut browser tidak bisa dicegat oleh halaman web demi alasan keamanan, termasuk Ctrl+W, Ctrl+T, dan Ctrl+N di sebagian besar browser.
Bisakah saya memasang Pencari Keycode JavaScript sebagai aplikasi web dan memakainya offline?
Bisa. Pencari Keycode JavaScript adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.