마우스 테스터
테스트 영역의 mouse pointer 위치와 buttons bitmask·pressure·pointer type을 실시간 표시합니다.
사용 방법
- 영역 안에서 마우스를 움직이고 여러 버튼을 눌러 숫자와 좌표 변화가 들어오는지 확인합니다.
핵심 기능과 처리 범위
Enhanced mouse tester는 pointerType이 mouse인 pointermove/pointerdown만 받아 영역 좌상단 기준 X/Y를 반올림합니다.
처리 원리
getBoundingClientRect 기준 client 좌표 차이, event.buttons, event.pressure, event.pointerType을 상태에 저장합니다.
예시
왼쪽 버튼을 누른 채 움직이면 buttons 값과 X/Y가 함께 갱신됩니다.
이럴 때 유용합니다
- 마우스 이동·버튼 이벤트가 browser에 전달되는지 빠르게 확인할 때
사용 전 참고
- 버튼 숫자는 PointerEvent bitmask이며 OS 드라이버의 모든 물리 버튼 이름을 해석하지 않고 touch/pen pointer는 이 tester에서 무시합니다.
자주 묻는 질문
touch도 여기에서 표시되나요?
아닙니다. 이 runner는 pointerType이 mouse인 이벤트만 처리합니다.