Mã phím ngoặc vuông trái ([) trong JavaScript

Với Ngoặc vuông trái ([), event.key là [ (or { with Shift), event.code là BracketLeft, còn keyCode cũ là 219. 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.key[ (or { with Shift)
event.codeBracketLeft
event.keyCode / which (đã lỗi thời)219

Cách nhận biết Ngoặc vuông trái ([)

document.addEventListener('keydown', (event) => {
  if (event.key === "[") {
    // Left bracket ([) was pressed
  }
});

Dùng event.key để phản ứng theo ý nghĩa của phím (giá trị này 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: 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ý Ngoặc vuông trái ([) ra sao

Trên nhiều bố cục bàn phím châu Âu, dấu ngoặc cần giữ AltGr, nên phím tắt dùng [ có thể khó gõ ở đó.

Trong React

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

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

keyCode của Ngoặc vuông trái ([) là gì?
219. Tuy nhiên, thuộc tính này đã lỗi thời. Trong code mới, hãy dùng event.key (“[ (hoặc { khi giữ Shift)”) hoặc event.code (BracketLeft).
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 ra ký tự, như Escape hoặc các phím mũi tên.