키보드 및 마우스 테스터
입력 장치 테스트 및 키보드/마우스 이벤트 실시간 모니터링
이벤트 로그
기록된 이벤트가 없습니다. 키를 누르거나 마우스를 클릭하여 시작하세요.
가상 키보드
아무 키나 눌러 테스트하세요. 누른 키가 하이라이트됩니다.
키 정보
-
-
-
-
-
-
고스팅 테스트
여러 키를 동시에 눌러 N키 롤오버(NKRO) 테스트
누른 키
0
최대 동시 키
0
최근 누른 키
사용 방법
이 도구는 키보드와 마우스를 테스트하고 입력 이벤트를 실시간으로 모니터링하는 데 도움을 줍니다. 이벤트 처리 코드를 디버깅하는 개발자와 입력 장치가 정상적으로 작동하는지 확인하는 사용자에게 특히 유용합니다.
키보드 테스트
가상 키보드는 누르고 있는 키를 실시간으로 보여줍니다. 기능 키, 수정자 키, 특수 키를 포함한 모든 키를 테스트할 수 있습니다. 키 정보 패널에는 키 코드와 스캔 코드 같은 기술적 세부 정보가 표시됩니다.
마우스 테스트
모든 마우스 버튼(왼쪽, 가운데, 오른쪽, 뒤로, 앞으로), 스크롤 휠을 테스트하고 정확한 커서 좌표를 추적합니다. 참고: 브라우저 제한으로 인해 뒤로/앞으로 버튼 이벤트는 누를 때가 아니라 놓을 때 발생합니다.
개발자용 이벤트 로그
이벤트 로그는 정확한 타임스탬프로 모든 키보드 및 마우스 이벤트를 캡처합니다. mousedown, mouseup, click 이벤트의 정확한 시퀀스 또는 keydown, keypress, keyup 시퀀스를 확인할 수 있습니다. 유형별로 필터링하고 분석을 위해 로그를 내보낼 수 있습니다.
좌표 시스템 이해
마우스 위치는 여러 좌표 시스템으로 보고됩니다:
- clientX/Y - 브라우저 뷰포트(가시 영역) 기준 위치
- pageX/Y - 전체 문서 기준 위치(스크롤 오프셋 포함)
- screenX/Y - 모니터 화면 기준 위치
- offsetX/Y - 대상 요소 기준 위치
- movementX/Y - 마지막 이벤트 이후 상대 이동(드래그 작업에 유용)
고스팅 & N키 롤오버
고스팅은 특정 키보드에서 일부 키 조합이 인식되지 않을 때 발생합니다. 이 도구는 키보드가 동시에 처리할 수 있는 키 수(N키 롤오버)를 감지하는 데 도움을 줍니다. 게이밍 키보드는 일반적으로 전체 NKRO를 지원합니다.
더블클릭 감지
사용자 지정 가능한 지연 임계값(100-2000ms)으로 모든 마우스 버튼(왼쪽, 가운데, 오른쪽, 뒤로, 앞으로)의 더블 클릭을 테스트합니다. 의도하지 않은 더블 클릭을 유발하는 고장 난 스위치를 감지하는 데 도움이 됩니다. 클릭 속도에 맞게 지연 설정을 조정하세요.
팁
- F1-F12 같은 일부 키는 브라우저나 OS에서 가로챌 수 있습니다. 가능하면 Fn 키를 함께 눌러보세요.
- 이벤트 로그는 JavaScript 입력 처리 코드 디버깅에 유용합니다.
- 좌표 시스템 패널을 사용하여 다양한 위치 값이 어떻게 작동하는지 이해하세요.
- 이벤트 로그를 내보내서 입력 타이밍과 이벤트 시퀀스를 분석하세요.
- 가상 키보드는 ANSI(US)와 ISO(EU) 레이아웃을 모두 지원합니다.
자주 묻는 질문
일부 키 조합이 입력되지 않는 이유는 무엇인가요?
키보드 고스팅 또는 키 블로킹이라고 합니다. 저가형 키보드는 매트릭스 회로 구조상 특정 조합에서 2~3개 이상의 동시 입력을 인식하지 못합니다. N키 롤오버(NKRO) 게이밍 키보드는 키마다 독립적인 회로를 사용해 모든 동시 입력을 감지합니다. 여기서 여러 키를 동시에 눈러보면서 로울오버 한계를 테스트할 수 있습니다.
keydown, keypress, keyup 이벤트의 차이는 무엇인가요?
세 가지 브라우저 키보드 이벤트는 순서대로 발생합니다. keydown은 키를 누르는 순간 발생하며 누르고 있는 동안 반복됩니다. keypress는 인쇄 가능 문자에만 발생했으며 현재는 사용 중단됩니다. keyup은 키를 딜다는 순간 발생합니다. Shift, Ctrl, 방향키 등 모든 키를 잉식 가능한 keydown 사용이 권장됩니다.
마우스 DPI와 폴링 레이트의 차이는 무엇인가요?
DPI(인치당 도트 수)는 마우스를 1인치 움직였을 때 화면에서 커서가 이동하는 거리로, 높으면 민감도가 커집니다. 폴링레이트(Hz)는 마우스가 1초에 컴퓨터에 위치를 보고하는 횟수로, 1000 Hz는 1 ms마다 갱신됩니다. DPI는 정밀도에, 폴링레이트는 부드러움과 입력 레이턴시에 영향을 줍니다.
clientX/clientY와 pageX/pageY 좌표는 무엇이 다른가요?
마우스 이벤트는 다양한 기준점의 좌표를 생성합니다. clientX/clientY는 보이는 덼포트 기준 좌표로, 스크롤 위치와 무관하게 왼쪽 상단이 원점입니다. pageX/pageY는 전체 페이지 기준 좌표로 스크롤하면 증가합니다. 대부분의 UI 상호작용에는 clientX/clientY가 적합합니다.
텍스트 영역이나 스크롤 컨테이너 안에서 스크롤이 실제로 되지 않는 이유는 무엇인가요?
이것은 스크롤 이벤트 버블링이라고 불리는 브라우저의 정상적인 동작입니다. 커서가 스크롤 가능한 요소(textarea 또는 overflow:scroll div) 위에 있으면 이벤트는 먼저 해당 요소가 수신합니다. 내부 요소에 더 이상 스크롤할 곳이 없을 때만 외부로 버블링됩니다. 페이지레벨 스크롤 이벤트를 기록하려면 커서를 스크롤 패널 바깥쪽으로 이동하세요.
키보드 위치란 무엇인가요?
위치는 키보드에서 키의 위치를 나타냅니다: 표준(0)은 대부분의 키, 왼쪽(1)은 왼쪽 수정자 키, 오른쪽(2)은 오른쪽 수정자 키, 숫자패드(3)은 숫자 키패드 키입니다.
뒤로/앞으로 버튼이 놓을 때 반응하는 이유는 무엇입니까?
브라우저는 기본 탐색을 지원하기 위해 뒤로/앞으로 버튼 이벤트를 지연시킵니다. 도구는 가시성을 확보하기 위해 200ms 동안 시각적 피드백을 표시합니다. 이는 기기 문제가 아닌 브라우저 제한 사항입니다.