Mã phím Caps Lock trong JavaScript

Cách nhận biết Caps Lock

document.addEventListener('keydown', (event) => {
  if (event.key === "CapsLock") {
    // Caps Lock was pressed
  }
});

Dùng event.key để phản ứng theo ý nghĩa của phím (giá trị này phụ thuộc bố cục bàn phím) và event.code cho vị trí vật lý của phím, ví dụ WASD trong game. keyCode và which đã lỗi thời: chúng vẫn hoạt động, nhưng giá trị khác nhau giữa các trình duyệt và bố cục.

Cách trình duyệt xử lý Caps Lock

Để cảnh báo người dùng rằng Caps Lock đang bật trong ô mật khẩu, hãy kiểm tra event.getModifierState("CapsLock") trên bất kỳ sự kiện phím nào. Thuộc tính này cho biết trạng thái khóa, không chỉ riêng phím đang nhấn.

Trong React

<input onKeyDown={(e) => { if (e.key === "CapsLock") { /* … */ } }} />