Mã phím Mũi tên lên trong JavaScript

Cách phát hiện phím Mũi tên lên

document.addEventListener('keydown', (event) => {
  if (event.key === "ArrowUp") {
    // Arrow Up 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 trò chơi. 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ý phím Mũi tên lên thế nào

Phím mũi tên cuộn trang và di chuyển con trỏ. Trong các danh sách, menu và lưới tùy chỉnh, hãy xử lý chúng để di chuyển focus giữa các mục — và gọi preventDefault() để trang không cuộn cùng lúc.

Trong React

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