Mã phím Page Down trong JavaScript

Với Page Down, event.key là PageDown, event.code là PageDown và keyCode đã lỗi thời là 34. Nhấn phím bất kỳ trong Key Code Finder để xem giá trị trực tiếp.

Cập nhật

Thuộc tínhGiá trị
event.keyPageDown
event.codePageDown
event.keyCode / which (đã lỗi thời)34

Cách nhận biết Page Down

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

Dùng event.key để phản ứng theo ý nghĩa của phím (nó theo 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: 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ý Page Down thế nào

Page Down cuộn xuống một màn hình. Danh sách dài và bảng dữ liệu có thể dùng phím này để nhảy vài dòng.

Trong React

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

Câu hỏi thường gặp

keyCode của Page Down là gì?
34. Tuy nhiên, thuộc tính này đã lỗi thời: hãy dùng event.key (“PageDown”) hoặc event.code (PageDown) trong mã mới.
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 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 ký tự, chẳng hạn Escape hoặc các phím mũi tên.