Mã phím F1 trong JavaScript

Cách nhận biết phím F1

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

Dùng event.key để phản ứng theo ý nghĩa của phím (giá trị này thay đổi theo bố cục bàn phím) và event.code để xác định 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 bàn phím.

Cách trình duyệt xử lý phím F1

Một số trình duyệt mở trang trợ giúp khi nhấn F1 trên một số hệ điều hành. Các phím chức năng F1–F12 gửi keyCode 112–123; trên laptop, nhiều máy cần nhấn thêm Fn, và hệ điều hành có thể dùng chúng để điều chỉnh độ sáng hoặc âm lượng.

Trong React

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