> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 화살표 키 누름을 감지하는 방법은 무엇입니까?

JavaScript에서 화살표 키 누름을 감지하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-11-10 10:54:03
원래의
511명이 탐색했습니다.

How to Detect Arrow Key Presses in JavaScript?

JavaScript에서 화살표 키 누르기 감지

JavaScript에서 화살표 키를 눌렀는지 확인하는 것은 브라우저가 기본 스크롤로 인해 화살표 키를 다르게 해석하기 때문에 어려울 수 있습니다.

onkeydown 이벤트 리스너 사용

문제에서 언급했듯이 onkeypress 이벤트는 화살표 키 누름을 캡처하지 않습니다. 대신 onkeydown 이벤트 리스너를 사용해야 합니다. 다음과 같이 기능을 수정하십시오.

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

화살표 키용 키코드

화살표 키와 연관된 키코드는 다음과 같습니다.

  • 왼쪽 : 37
  • 위: 38
  • 오른쪽: 39
  • 아래: 40

조건 내에서 이러한 키코드를 사용하면 구체적으로 감지할 수 있습니다. 화살표 키 누르기:

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown") {
        switch (event.keyCode) {
            case 37:
                // Left key pressed
                break;
            case 38:
                // Up key pressed
                break;
            case 39:
                // Right key pressed
                break;
            case 40:
                // Down key pressed
                break;
        }
    }
}
로그인 후 복사

위 내용은 JavaScript에서 화살표 키 누름을 감지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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