Cách phát hiện F11
document.addEventListener('keydown', (event) => {
if (event.key === "F11") {
// F11 was pressed
}
});Dùng event.key để phản hồi 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: vẫn hoạt động, nhưng giá trị khác nhau giữa các trình duyệt và bố cục.
Trình duyệt xử lý F11 như thế nào
F11 bật hoặc tắt chế độ toàn màn hình của trình duyệt và thường không được gửi đến trang web. Để vào chế độ toàn màn hình từ một nút bấm, hãy dùng element.requestFullscreen().
Trong React
<input onKeyDown={(e) => { if (e.key === "F11") { /* … */ } }} />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
Keycode của F11 là bao nhiêu?
122. Tuy nhiên, thuộc tính này đã lỗi thời: trong mã mới, hãy dùng event.key (“F11”) hoặc event.code (F11).
Sự khác biệt giữa event.key và event.code là gì?
event.key là ký tự hoặc hành động mà phím tạo ra với bố cục hiện tại; event.code là vị trí vật lý của phím, giống nhau trên mọi bố cục.
Nên dùng keydown hay keypress?
keydown. Sự kiện keypress đã lỗi thời và không kích hoạt với các phím không tạo ra ký tự, chẳng hạn Escape hoặc các phím mũi tên.