CoderTools

Kiểm tra bàn phím và chuột

Kiểm tra thiết bị nhập liệu và theo dõi sự kiện bàn phím/chuột thời gian thực

Nhật ký sự kiện

Chưa có sự kiện nào. Nhấn phím hoặc click chuột để bắt đầu.

Di chuột qua khu vực này để kích hoạt chế độ chặn phím

Bàn phím ảo

Nhấn phím bất kỳ để kiểm tra. Phím sẽ sáng lên khi được nhấn.

Thông tin phím

Phím

-

-

KeyCode

-

Vị trí

-

Lặp lại

-

Phím bổ trợ

-

Kiểm tra Ghosting

Giữ nhiều phím để kiểm tra N-key rollover (NKRO)

Phím đang giữ

0

Tối đa đồng thời

0

Phím vừa nhấn

Hướng dẫn sử dụng

Công cụ này giúp bạn kiểm tra bàn phím và chuột, theo dõi sự kiện nhập liệu thời gian thực. Đặc biệt hữu ích cho lập trình viên debug code xử lý sự kiện và người dùng kiểm tra thiết bị nhập liệu.

Kiểm tra bàn phím

Bàn phím ảo hiển thị phím bạn đang nhấn theo thời gian thực. Kiểm tra tất cả các phím bao gồm phím chức năng, phím bổ trợ và phím đặc biệt. Bảng thông tin phím hiển thị chi tiết kỹ thuật như mã phím và scan code.

Kiểm tra chuột

Kiểm tra tất cả các nút chuột (trái, giữa, phải, quay lại, tiếp theo), con lăn và theo dõi tọa độ con trỏ chính xác. Lưu ý: Do hạn chế của trình duyệt, sự kiện nút quay lại/tiếp theo kích hoạt khi thả ra thay vì khi nhấn.

Nhật ký sự kiện cho lập trình viên

Nhật ký sự kiện ghi lại tất cả sự kiện bàn phím và chuột với timestamp chính xác. Bạn có thể xem trình tự chính xác của mousedown, mouseup, click hoặc keydown, keypress, keyup. Lọc theo loại và xuất nhật ký để phân tích.

Hiểu về hệ tọa độ

Vị trí chuột được báo cáo trong nhiều hệ tọa độ:

  • clientX/Y - Vị trí tương đối với viewport trình duyệt (vùng hiển thị)
  • pageX/Y - Vị trí tương đối với toàn bộ tài liệu (bao gồm offset cuộn)
  • screenX/Y - Vị trí tương đối với màn hình
  • offsetX/Y - Vị trí tương đối với phần tử mục tiêu
  • movementX/Y - Di chuyển tương đối từ sự kiện trước (hữu ích cho thao tác kéo)

Ghosting & N-Key Rollover

Ghosting xảy ra khi một số tổ hợp phím không được ghi nhận trên một số bàn phím. Công cụ này giúp phát hiện bàn phím có thể xử lý đồng thời bao nhiêu phím (N-key rollover). Bàn phím gaming thường hỗ trợ NKRO đầy đủ.

Phát hiện nhấp đúp

Kiểm tra nhấp đúp cho TẤT CẢ các nút chuột (trái, giữa, phải, quay lại, tiếp theo) với ngưỡng độ trễ có thể tùy chỉnh (100-2000ms). Giúp phát hiện các công tắc bị lỗi gây ra nhấp đúp không mong muốn. Điều chỉnh cài đặt độ trễ để phù hợp với tốc độ nhấp của bạn.

Mẹo

  • Một số phím như F1-F12 có thể bị trình duyệt hoặc HĐH chặn. Thử dùng phím Fn nếu có.
  • Nhật ký sự kiện hữu ích để debug code JavaScript xử lý nhập liệu.
  • Sử dụng bảng hệ tọa độ để hiểu cách các giá trị vị trí khác nhau hoạt động.
  • Xuất nhật ký sự kiện để phân tích thời gian nhập liệu và trình tự sự kiện.
  • Bàn phím ảo hỗ trợ cả bố cục ANSI (US) và ISO (EU).

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

Tại sao một số tổ hợp phím không được nhận?

Đây là hiện tượng ghosting bàn phím hoặc key blocking. Bàn phím giá rẻ dùng mạch ma trận không thể đăng ký nhiều hơn 2-3 phím đồng thời ở một số tổ hợp nhất định. Bàn phím gaming N-key rollover (NKRO) có mạch riêng cho từng phím, có thể nhận toàn bộ phím đồng thời. Thử bàn phím của bạn ngay ở đây bằng cách nhấn nhiều phím cùng lúc.

Sự khác nhau giữa sự kiện keydown, keypress và keyup là gì?

Đây là ba sự kiện bàn phím trình duyệt xảy ra theo thứ tự. keydown kích hoạt ngay khi phím được nhấn và lặp lại khi giữ phím. keypress chỉ kích hoạt cho ký tự có thể in được (nay lỗi thời). keyup kích hoạt khi nhả phím. keydown được khuyến nghị vì nó bắt được toàn bộ phím bấm, kể cả Shift, Ctrl, mũi tên.

DPI và polling rate của chuột khác nhau như thế nào?

DPI (chấm trên mỗi inch) đo khoảng con trỏ dịch chuyển trên màn hình khi chuột di chuyển 1 inch — DPI cao hơn nghĩa là nhạy hơn. Polling rate (Hz) là số lần mội giây chuột báo vị trí cho máy tính; 1000 Hz nghĩa là cập nhật mỗi 1 ms. DPI ảnh hưởng đến độ chính xác, polling rate ảnh hưởng đến độ mượt và input lag.

Tọa độ clientX/clientY và pageX/pageY khác nhau như thế nào?

Sự kiện chuột tạo ra nhiều cặp tọa độ. clientX/clientY là tọa độ so với viewport nhìn thấy — luôn bắt đầu từ góc trên bên trái của vùng hiển thị dù đã cuộn bao xa. pageX/pageY là tọa độ so với toàn bộ tài liệu, tăng khi cuộn trang. Hầu hết tương tác UI nên dùng clientX/clientY.

Tại sao con lăn chuột không hoạt động trong ô văn bản hoặc container có thanh cuộn?

Đây là hành vi bình thường của trình duyệt, gọi là sự kiện cuộn bột lên (scroll event bubbling). Khi con trỏ ở trên phần tử có thể cuộn (textarea hoặc div overflow:scroll), sự kiện scroll đọc gửi cho phần tử đó trước. Chỉ khi phần tử bên trong hết chỗ cuộn, sự kiện mới “bột” ra ngoài. Để ghi lại sự kiện cuộn trang, hãy đặt con trỏ ra ngoài các panel có thanh cuộn.

Vị trí bàn phím nghĩa là gì?

Vị trí cho biết phím nằm ở đâu trên bàn phím: Tiêu chuẩn (0) cho hầu hết các phím, Trái (1) cho phím bổ trợ bên trái, Phải (2) cho phím bổ trợ bên phải, và Bàn phím số (3) cho phím trên bàn phím số.

Tại sao các nút Quay lại/Tiếp theo phản hồi khi nhả ra?

Trình duyệt trì hoãn các sự kiện nút quay lại/tiếp theo để hỗ trợ điều hướng gốc. Công cụ hiển thị phản hồi trực quan trong 200 mili giây để đảm bảo khả năng hiển thị. Đây là giới hạn của trình duyệt, không phải sự cố thiết bị.

Menu Nhanh

Chưa có công cụ gần đây