Mã phím Arrow Down trong JavaScript

Cách nhận biết Arrow Down

document.addEventListener('keydown', (event) => {
  if (event.key === "ArrowDown") {
    // Arrow Down 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ụ như 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.

Trình duyệt xử lý Arrow Down như thế nào

Arrow Down mở danh sách <select> gốc (kèm Alt trên Windows) và chuyển đến mục tiếp theo trong menu và listbox. Hãy gọi preventDefault() trong các widget tùy chỉnh để trang không bị cuộn.

Trong React

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