Memahami Cara Kerja Pengujian Keyboard Online
Keyboard Test adalah alat online gratis yang dirancang untuk menguji fungsi fisik keyboard serta memeriksa kode peristiwa teknis yang dihasilkan oleh setiap penekanan tombol. Saat Anda menekan tombol di area mana saja pada halaman web, alat ini akan langsung mendeteksi apakah tombol tersebut berfungsi, menampilkan peta tata letak visual dari tombol yang diuji, melacak tombol yang sedang ditahan, dan menyusun log peristiwa yang mendetail.
Alat ini sangat berguna untuk membedakan antara perilaku perangkat keras yang normal—seperti pengulangan otomatis sistem (auto-repeat)—dengan kerusakan perangkat keras yang sebenarnya, seperti tombol mati atau sakelar yang mengalami klik ganda (double-clicking).
Proses pengujian dapat dilakukan melalui beberapa metode input:
- Penekanan Tombol Fisik: Ditangkap secara otomatis dari keyboard apa pun saat Anda menekan tombol di mana saja pada halaman.
- Penangkapan Keyboard Terfokus: Diaktifkan dengan mengklik langsung pada peta keyboard di layar. Metode ini memungkinkan penangkapan tombol seperti Space, Tab, dan tombol fungsi (F1–F12) tanpa memicu tindakan bawaan browser. Untuk melepaskan mode ini, Anda cukup menekan tombol Esc.
- Input Keyboard Layar: Teks yang diketik ke dalam kolom input khusus untuk menguji keyboard virtual atau keyboard perangkat seluler.
- Perintah Hapus Log: Tombol manual bertuliskan "Hapus log" untuk membersihkan seluruh riwayat peristiwa yang telah direkam.
Informasi dan Output yang Dihasilkan
Setiap kali tombol ditekan, alat ini akan menampilkan berbagai informasi teknis secara instan:
Peristiwa Tombol Terbaru
Bagian ini menampilkan properti dari penekanan tombol paling akhir, yang meliputi:
- Tombol (Key): Karakter atau tindakan yang dihasilkan.
- Kode (Code): Posisi fisik tombol pada papan ketik.
- keyCode usang: Nilai kode tombol warisan (legacy).
- Lokasi: Menunjukkan posisi tombol dengan label "Standar", "Kiri", "Kanan", atau "Tombol Angka".
- Pengubah: Menampilkan "Tidak ada" atau tombol pengubah yang sedang aktif seperti "Shift", "Ctrl", "Alt", "Meta", dan "Caps Lock".
- Badge Status: Menampilkan indikator "Tekan" atau "Lepas", serta lencana "Ulangi ×
{count}" yang menghitung peristiwa pengulangan otomatis saat tombol ditahan.
Peta Keyboard dan Statistik
Peta visual menggunakan tata letak ANSI ukuran penuh untuk menyoroti status tombol:
- Ditahan: Tombol yang saat ini sedang ditekan.
- Diuji: Tombol yang sudah pernah ditekan selama sesi pengujian.
Selain itu, terdapat panel statistik yang memantau tiga metrik utama secara real-time, yaitu "Tombol diuji", "Total penekanan", dan "Ditahan sekarang".
Log Peristiwa
Sebuah tabel riwayat dengan judul "Log peristiwa" akan mencatat setiap aktivitas. Jika belum ada aktivitas, tabel akan menampilkan pesan "Belum ada peristiwa tombol — tekan tombol apa saja.". Kolom tabel ini terdiri dari "Waktu", "Peristiwa" (menampilkan "Tekan" atau "Lepas"), "Tombol", "Kode", dan "Pengubah". Perlu dicatat bahwa peristiwa pengulangan otomatis dari tombol yang ditahan hanya akan dihitung pada lencana pengulangan di panel atas dan tidak akan membanjiri baris baru di dalam log peristiwa.
Indikator Status Penangkapan
Menunjukkan kondisi penangkapan input saat ini dengan tiga status:
- "Tekan tombol apa saja untuk memulai"
- "Menangkap input tombol"
- "Penangkapan penuh — Esc melepaskan keyboard"
Pemeriksaan Keyboard Layar
Area khusus untuk pengujian perangkat seluler yang menyediakan kolom input teks dengan placeholder "Ketuk dan ketik…" serta petunjuk instruksional "Ketuk bidang dan ketik — apa pun yang dilaporkan browser akan muncul di atas.".
Perbedaan Teknis Properti Key dan Code
Dalam pengembangan web modern, memahami perbedaan antara properti KeyboardEvent.key dan KeyboardEvent.code sangatlah penting.
| Properti | Karakteristik | Contoh Perilaku |
|---|---|---|
| Key | Dinamis, bergantung pada tata letak bahasa dan tombol pengubah (modifier) yang aktif. | Menekan tombol fisik yang sama dapat menghasilkan nilai "a" atau "A". |
| Code | Statis, mewakili posisi fisik tombol pada papan ketik dan tidak pernah berubah. | Menekan tombol fisik "A" akan selalu menghasilkan kode "KeyA", terlepas dari bahasa input yang digunakan. |
Perbedaan ini menjelaskan mengapa pengembang game online lebih memilih menggunakan nilai code untuk mengikat kontrol permainan, sehingga tata letak keyboard pengguna (seperti QWERTY, AZERTY, atau Dvorak) tidak mengacaukan skema kontrol yang telah dirancang.
Batasan Sistem dan Penanganan Kasus Khusus
Saat melakukan pengujian, terdapat beberapa aturan teknis dan batasan sistem yang perlu dipahami:
- Intersepsi Pintasan Browser dan OS: Kombinasi tombol tertentu yang dicadangkan oleh sistem operasi atau browser (misalnya beralih tab, menutup jendela, mode layar penuh, atau pencarian sistem) akan dicegat sebelum mencapai halaman web. Tombol-tombol ini tidak akan terdaftar di dalam alat jika ditekan bersamaan. Untuk memverifikasi fungsinya, Anda harus menguji tombol tersebut secara individual.
- Keterbatasan Tata Letak Peta Visual: Peta visual pada alat ini menggunakan tata letak standar ANSI. Tombol yang tidak ada pada peta ini—seperti tombol khusus tata letak ISO, lapisan Fn pada laptop, atau tombol multimedia—tidak akan menyala pada peta visual. Meskipun demikian, tombol-tombol tersebut tetap berfungsi normal dan inputnya akan tetap tercatat di panel "Peristiwa tombol terbaru" serta "Log peristiwa".
- Karakteristik Keyboard Seluler (Mobile): Keyboard virtual pada perangkat seluler, khususnya Android, sering kali mengirimkan peristiwa input generik tanpa nilai tombol yang spesifik, sehingga menghasilkan pembacaan "Unidentified". Oleh karena itu, pengguna perangkat seluler disarankan menggunakan kolom "Pemeriksaan keyboard layar" untuk melihat data mentah yang dilaporkan oleh browser seluler.
Keamanan Data dan Pemrosesan Lokal
Seluruh proses penangkapan dan pembacaan penekanan tombol dilakukan secara lokal di dalam browser pengguna. Tidak ada data yang dikirimkan, disimpan, atau diunggah ke server eksternal. Semua riwayat aktivitas pengujian akan terhapus secara permanen saat Anda menekan tombol "Hapus log", menyegarkan (refresh) halaman, atau menutup tab browser.
Pertanyaan yang Sering Diajukan (FAQ)
Apa perbedaan antara nilai key dan code? Nilai key adalah karakter atau tindakan yang dihasilkan oleh penekanan saat ini — nilai ini berubah sesuai dengan tata letak dan tombol pengubah Anda, sehingga tombol fisik yang sama melaporkan “a” atau “A”, atau huruf yang sama sekali berbeda pada tata letak bahasa lain. Nilai code menamai posisi fisik tombol (KeyA, ShiftLeft, Space) dan tidak pernah berubah, itulah sebabnya game dan aplikasi mengikat pintasan mereka ke code.
Mengapa keyboard ponsel saya menampilkan “Unidentified”? Keyboard layar — terutama pada Android — sering kali mengirimkan peristiwa umum tanpa nilai key yang sebenarnya, dan halaman ini hanya dapat menampilkan apa yang dilaporkan oleh browser. Buka pemeriksaan keyboard layar di bawah tata letak untuk melihat apa yang dikirimkan oleh keyboard Anda; keyboard eksternal atau laptop melaporkan detail lengkap.
Tombol terus aktif berulang kali saat saya menahannya — apakah itu rusak? Tidak. Menahan tombol membuat sistem mengirimkan peristiwa penekanan berulang, yang ditampilkan di sini dengan lencana Repeat dan penghitung — itu adalah pengulangan otomatis yang normal. Tanda peringatan yang sebenarnya adalah pola sebaliknya: beberapa peristiwa dari satu ketukan cepat, atau ketukan yang tidak menghasilkan apa pun, yang menunjukkan sakelar aus atau macet.
Mengapa beberapa kombinasi tombol tidak muncul? Pintasan yang dicadangkan oleh browser atau sistem operasi — seperti menutup atau beralih tab dan aplikasi, layar penuh, pencarian sistem — dicegat sebelum halaman dapat melihatnya, sehingga tidak pernah muncul di sini. Keheningan itu normal, bukan berarti tombol mati: uji tombol yang sama satu per satu dan masing-masing akan terdaftar dengan sendirinya.