Mã phím Backquote (`) trong JavaScript

Với Backquote (`), event.key là ` (or ~ with Shift), event.code là Backquote và keyCode đã lỗi thời là 192. Nhấn phím bất kỳ trong Công cụ tìm mã phím để xem các giá trị trực tiếp.

Cập nhật

Thuộc tínhGiá trị
event.key` (or ~ with Shift)
event.codeBackquote
event.keyCode / which (đã lỗi thời)192

Cách nhận biết Backquote (`)

document.addEventListener('keydown', (event) => {
  if (event.key === "`") {
    // Backquote (`) 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ý Backquote (`) như thế nào

Phím này thường được dùng để mở console trong game. Trên nhiều bố cục bàn phím quốc tế, nó là phím chết (event.key === "Dead"), chờ ký tự tiếp theo được nhập.

Trong React

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

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

keyCode của Backquote (`) là gì?
192. 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 (Backquote).
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ự, chẳng hạn Escape hoặc các phím mũi tên.