devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

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

Với mũi tên trái, event.key là ArrowLeft, event.code là ArrowLeft và keyCode đã lỗi thời là 37. 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.keyArrowLeft
event.codeArrowLeft
event.keyCode / which (đã lỗi thời)37

Cách nhận biết mũi tên trái

document.addEventListener('keydown', (event) => {
  if (event.key === "ArrowLeft") {
    // Arrow Left 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 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.

Trình duyệt xử lý mũi tên trái như thế nào

Mũi tên trái di chuyển con trỏ hoặc mục trước đó. Trong các ngôn ngữ viết từ phải sang trái, hãy nhớ rằng phím này di chuyển sang trái về mặt hình ảnh, nhưng lại là ký tự “tiếp theo” theo logic.

Trong React

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

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

Keycode của mũi tên trái là gì?
37. Tuy nhiên, giá trị này đã lỗi thời: trong mã mới, hãy dùng event.key (“ArrowLeft”) hoặc event.code (ArrowLeft).
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.