Cách dùng Tìm keycode JavaScript
- Nhấp vào ô (hoặc bất kỳ đâu trên trang) rồi nhấn một phím hoặc tổ hợp phím.
- Đọc
event.key,event.codevàkeyCodecũ. - Sao chép handler
keydownđã tạo cho phím tắt của bạn.
key, code và keyCode
| Thuộc tính | Ý nghĩa | Dùng để |
|---|---|---|
event.key | Ký tự hoặc tên phím được tạo ra, phụ thuộc bố cục bàn phím và Shift ("a", "A", "Enter") | Nhập văn bản, “gõ ? để xem trợ giúp” |
event.code | Vị trí vật lý của phím, không phụ thuộc bố cục ("KeyA", "Digit1") | Trò chơi (WASD) và phím tắt theo vị trí |
event.keyCode / which | Mã số cũ (Enter = 13, Esc = 27) | Chỉ dùng cho mã cũ — đã lỗi thời |
event.location | 0 chuẩn, 1 bên trái, 2 bên phải, 3 bàn phím số | Phân biệt Shift trái/phải hoặc phím trên bàn phím số |
Mã phím thường gặp
| Phím | event.key | event.code | keyCode |
|---|---|---|---|
| Enter | Enter | Enter | 13 |
| Escape | Escape | Escape | 27 |
| Dấu cách | " " | Space | 32 |
| Tab | Tab | Tab | 9 |
| Backspace | Backspace | Backspace | 8 |
| Phím mũi tên | ArrowLeft/Up/Right/Down | giống nhau | 37–40 |
| Chữ A–Z | a–z / A–Z | KeyA–KeyZ | 65–90 |
| Số 0–9 | 0–9 | Digit0–Digit9 | 48–57 |
| F1–F12 | F1–F12 | F1–F12 | 112–123 |
Viết handler cho phím tắt
Kiểm tra phím bổ trợ một cách rõ ràng (e.ctrlKey || e.metaKey bao gồm Ctrl trên Windows và ⌘ trên macOS), chỉ gọi e.preventDefault() với những phím tắt bạn xử lý, và bỏ qua handler khi người dùng đang gõ trong ô nhập. Nên dùng key cho phím tắt chữ cái để chúng theo bố cục bàn phím của người dùng, còn code khi vị trí vật lý của phím mới quan trọng.
Kiểm tra biểu thức chính quy dùng để xử lý phím ở công cụ kiểm tra regex, hoặc xem trình duyệt đang nhận diện chính nó thế nào với bộ phân tích user agent.
Cũng được tìm dưới tên: keycode javascript, bảng mã phím javascript, event.key là gì, event.code javascript, kiểm tra mã phím, xem sự kiện bàn phím, tìm keycode, keycode list.
Các công cụ dùng kèm tốt với Tìm keycode JavaScript
- Trình soạn thảo HTML online — Một sân chơi code nhẹ: chỉnh sửa HTML, CSS và JavaScript cạnh nhau, xem kết quả ngay lập tức, đọc output của console và tải trang của bạn về dưới dạng một file HTML.
- Định dạng JavaScript — Giải nén và định dạng lại JavaScript, JSON hoặc JSX với kiểu thụt lề và dấu ngoặc bạn chọn, hoặc loại bỏ khoảng trắng và chú thích bằng bộ thu gọn đã được kiểm chứng.
- Kiểm tra độ phân giải màn hình — Kích thước màn hình và cửa sổ trình duyệt tính bằng CSS pixel, tỷ lệ pixel thiết bị và độ phân giải vật lý thực tế, được trình duyệt của bạn đo trực tiếp.
- Định dạng HTML — Dán mã HTML đã nén hoặc lộn xộn và nhận lại HTML được thụt lề rõ ràng, nhất quán — bao gồm cả các khối <style> và <script> nhúng bên trong.
Câu hỏi thường gặp
Có nên dùng keyCode không?
Không nên.
keyCode và which đã lỗi thời. Hãy dùng event.key để lấy ký tự và event.code để lấy phím vật lý.Mã phím của Enter là gì?
Enter có keyCode 13,
key là "Enter" và code là "Enter" (hoặc "NumpadEnter" trên bàn phím số).Vì sao Ctrl+W lại đóng tab?
Một số phím tắt của trình duyệt không thể bị trang web chặn vì lý do bảo mật, bao gồm Ctrl+W, Ctrl+T và Ctrl+N trên hầu hết các trình duyệt.
Tôi có thể cài Tìm keycode JavaScript như một ứng dụng web và dùng khi không có mạng không?
Có. Tìm keycode JavaScript là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.