KeyCode・ASCII 참조

도구 설명

도구 소개

온라인 키(KeyCode) 값과 ASCII 코드 실시간 캡처 탐지기는 프론트엔드 인터랙션 개발자, 게임 컨트롤 스크립트 작성자 및 웹 디자이너를 위해 만들어진 고빈도 인터랙션 디버깅 도구입니다. 키보드의 모든 키를 실시간으로 감지하며, 밀리초 단위로 이벤트 내 `event.key`, `event.code`, 그리고 전통적인 `event.keyCode` 값 속성을 시각적으로 표시합니다.

핵심 기능

1. 3차원 키 이벤트 동적 모니터링: 키의 모든 핵심 상태를 실시간으로 캡처하고 상세히 분석합니다. 키 이름, 물리적 코드 값, 16진수 ASC 코드 값, `Alt` / `Ctrl` / `Shift` / `Meta` 등의 복합 조합 키가 눌렸는지 여부 포함.
2. 초대형 글씨 단순 스크롤 카드: 디자인 감각이 뛰어난 대형 글씨 네온 카드로 현재 KeyCode를 표시합니다(예: `A` 키는 거대한 `65`로 표시), 눈을 찡그리지 않고도 최상의 시각적 명확성을 제공합니다.
3. 지연 없는 브라우저 네이티브 캡처: 100% 네이티브 브라우저 JavaScript 키 이벤트를 기반으로 작동하며, 서버를 통한 변환이 필요 없고, 즉각적 반응으로 효율적인 디버깅이 가능합니다.

사용 방법

1. 도구 페이지를 열고 마우스 포커스가 현재 페이지 내에 있는지 확인합니다.
2. 감지하고 싶은 키보드의 단일 키(예: `Enter`, `Shift`, `Space`)를 누르면 페이지가 즉시 하이라이트 되어 갱신됩니다.
3. 디버깅 카드는 해당 키의 영문 이름, KeyCode, Code 및 문자 상태를 명확히 표시하며, 필요한 코드 변수를 한 번에 복사할 수 있습니다.