Cách nhận biết Slash (/)
document.addEventListener('keydown', (event) => {
if (event.key === "/") {
// Slash (/) 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 để nhận biết 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.
Trình duyệt xử lý Slash (/) như thế nào
Nhiều trang web (GitHub, YouTube, Gmail) dùng “/” để đưa con trỏ vào ô tìm kiếm. Hãy kiểm tra xem tiêu điểm có đang nằm trong ô nhập văn bản hay không trước khi xử lý phím này.
Trong React
<input onKeyDown={(e) => { if (e.key === "/") { /* … */ } }} />Tìm Keycode JavaScript
Nhấn phím bất kỳ để xem ngay mọi thuộc tính của sự kiện bàn phím, kèm đoạn mã keydown sẵn sàng sao chép cho phím tắt.