Jquery를 사용한 키보드 탐색

Question

Jquery에서 사용자가 일부 그림을 탐색 할 때 왼쪽/오른쪽 화살표 키를 누르면 이전/다음 사진을 표시하는 데 사용할 수있는 기능이 호출되는 것을 어떻게 설정할 수 있습니까? 키를 누른 것이 오른쪽/왼쪽 arrrow 키인지 확인하고 다른 모든 키 미리를 무시하는 방법 만 알아야합니다.

이미지는 자신의 사업부에있을 것 \

Answer 1

저는 이것을 과거에 사용해 왔습니다. 그것은, 내가 사용자가 텍스트를 변경할 수 있기 때문에 좋은 아이디어가 화살표 키에 연결 그래서 잘 모르겠어요 내가 사용했던 enviornments (FF와 Linux 및 Windows)는 상기 된 그건

$(document).keypress(function(e) { 
    if (e.keyCode === 37) { 
    // left 
    } 
    else if (e.keyCode === 39) { 
    // right 
    } 
}); 

에 나를 위해 작동 스크롤 막대가 나타나게하십시오. 화살은 예기치 않게 그림을 바꿀 것입니다.

Answer 2

과 같이 JQuery와 키 누르기 이벤트를 사용합니다.

$("input").keypress(function (e) { 
    if (e.which == 32 || (65 <= e.which && e.which <= 65 + 25) 
        || (97 <= e.which && e.which <= 97 + 25)) { 
    var c = String.fromCharCode(e.which); 
    $("p").append($("<span/>")) 
      .children(":last") 
      .append(document.createTextNode(c)); 
    } else if (e.which == 8) { 
    // backspace in IE only be on keydown 
    $("p").children(":last").remove(); 
    } 
    $("div").text(e.which); 
}); 

을 나는 값이 좌/우하지만 약간에있을 것이다 확실하지 않다 이 스크립트를 사용해 실험 해 보겠습니다.