Cách nhận biết phím Home
document.addEventListener('keydown', (event) => {
if (event.key === "Home") {
// Home was pressed
}
});Dùng event.key để phản hồi theo ý nghĩa của phím (phụ thuộc 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ý phím Home ra sao
Phím Home đưa con trỏ về đầu dòng, hoặc đưa trang lên đầu. Trong danh sách chọn và lưới, phím này nên chuyển focus đến mục đầu tiên.
Trong React
<input onKeyDown={(e) => { if (e.key === "Home") { /* … */ } }} />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 phím Home là gì?
36. Tuy nhiên keyCode đã lỗi thời: trong code mới, hãy dùng event.key (“Home”) hoặc event.code (Home).
Sự khác nhau 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 theo 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 ký tự, như Escape hoặc các phím mũi tên.