내 JavaScript `checkKey` 기능에서 화살표 키 입력이 감지되지 않는 이유는 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-24 14:04:14
원래의
658명이 탐색했습니다.

Why are Arrow Keystrokes Not Detected in My JavaScript `checkKey` Function?

JavaScript의 키 식별 및 화살표 키 감지

키보드 입력 감지는 많은 JavaScript 애플리케이션에 필수적입니다. 키 입력을 식별하는 것은 일반적으로 간단하지만 화살표 키를 처리하는 것은 대부분의 브라우저에서 기본 스크롤 동작으로 인해 고유한 문제를 나타냅니다. 이 질문은 키 누르기를 성공적으로 캡처하지만 화살표 키 입력을 감지하지 못하는 checkKey 기능을 사용할 때 발생하는 문제를 탐구합니다.

이 문제에 대한 대답은 화살표 키와 관련된 특정 이벤트 유형에 있습니다. 일반 키와 달리 화살표 키는 onkeydown 이벤트만 트리거합니다. 따라서 화살표 키 입력을 캡처하려면 그에 따라 checkKey 기능을 수정해야 합니다.

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown")  // Check for keydown event
        console.log(event.keyCode)
}
로그인 후 복사

또한 대답은 화살표 키에 해당하는 키 코드를 제공합니다.

  • 왼쪽 = 37
  • 위 = 38
  • 오른쪽 = 39
  • down = 40

이러한 키 코드를 활용하면 개발자는 화살표 키 누름에 반응하는 기능을 쉽게 구현할 수 있습니다.

위 내용은 내 JavaScript `checkKey` 기능에서 화살표 키 입력이 감지되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿