JS / jQuery에서 화살표 키 바인딩

질문 : JS / jQuery에서 화살표 키 바인딩

---

Javascript 및 / 또는 jQuery의 왼쪽 및 오른쪽 화살표 키에 함수를 바인딩하는 방법은 무엇입니까? jQuery 용 js-hotkey 플러그인 (특정 키를 인식하는 인수를 추가하기 위해 내장 된 바인드 기능을 래핑)을 살펴 보았지만 화살표 키를 지원하지 않는 것 같습니다.

답변

---

document.onkeydown = function(e) {
    switch(e.which) {
        case 37: // left
        break;

        case 38: // up
        break;

        case 39: // right
        break;

        case 40: // down
        break;

        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)
};

IE8을 지원해야하는 경우 함수 본문을 e = e || window.event; switch(e.which || e.keyCode) { .

(2020 년 편집)
이제 더 이상 사용되지 않는 KeyboardEvent.which 화살표 키를 감지하는보다 현대적인 솔루션은 KeyboardEvent.key 를 사용하는이 예제를 참조하십시오.

출처 : https://stackoverflow.com/questions/1402698/binding-arrow-keys-in-js-jquery