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 중국어 웹사이트의 기타 관련 기사를 참조하세요!