Nhận biết phím chữ
document.addEventListener('keydown', (e) => {
if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); // Ctrl/Cmd + S
save();
}
});So sánh e.key.toLowerCase() sẽ xử lý được cả Shift và Caps Lock. Với các phím điều khiển trong trò chơi cần giữ nguyên vị trí trên mọi bố cục, hãy so sánh e.code ("KeyW", "KeyA", "KeyS", "KeyD") thay thế.
Tìm Keycode JavaScript
Nhấn phím bất kỳ để xem ngay mọi thuộc tính của sự kiện bàn phím, kèm đoạn mã keydown sẵn sàng sao chép cho phím tắt.
Câu hỏi thường gặp
event.key của phím chữ là viết hoa hay viết thường?
Phím chữ phụ thuộc vào Shift và Caps Lock: event.key thường là “a” và là “A” khi giữ Shift. event.code luôn là KeyA trong cả hai trường hợp.
Mã phím có thay đổi theo bố cục bàn phím không?
event.key thay đổi theo bố cục (trên bàn phím AZERTY tiếng Pháp, vị trí phím A sẽ gõ ra Q); event.code luôn chỉ tên của phím vật lý.
Có nên vẫn dùng keyCode không?
Không — keyCode đã lỗi thời. Hãy dùng event.key cho ký tự và event.code cho vị trí phím.