키보드 화살표를 누를 때 링크로 이동

Question

<a href='leftLink.php'><< Prev</a>과 <a href='rightLink.php'>Next >></a>의 두 링크가 있습니다.

leftLink when pressing left arrow from keyboard 및 rightLink.php when pressing right arrow from keyboard으로 갈 수 있습니까? 어떤 조언을 주시면 대단히 환영합니다.

감사합니다. 이 키를 누를 감지 할 수

Answer 1

그런 다음 키 코드를 확인, KeyUp 이벤트의 ID 및 설정을 모두 링크를 리스너주세요 누른 다음 해당 링크를 클릭하고 그것에 대한 클릭을 트리거합니다.

HTML

<a id="prevLink" href='leftLink.php'><< Prev</a> 
<a id="nextLink" href='rightLink.php'>Next >></a>. 

JS는 jQuery를 태그되지

document.addEventListener("keyup",function(e){ 
    var key = e.which||e.keyCode; 
    switch(key){ 
     //left arrow 
     case 37: 
     document.getElementById("prevLink").click(); 
     break; 
     //right arrow 
     case 39: 
     document.getElementById("nextLink").click(); 
     break; 
    } 
}); 

Answer 2

사용 .. 여기에서

function checkKey(e) { 
    var event = window.event ? window.event : e; 
    if (true) { 
     alert(event.keyCode) 
    } 
} 

가 누른 키를 확인하고 브라우저를 리디렉션 document.location에 사용합니다.

키 코드는 다음과 같습니다

가

left = 37 
up = 38 
right = 39 
down = 40 

Answer 3

당신이 시도 할 수 있습니다 :

$("body").keydown(function(e) { 
    if(e.keyCode == 37) { // left 
    //your code 
    window.location.href = "leftLink.php"; 
    } 
    else if(e.keyCode == 39) { // right 
    //your code 
    window.location.href = "rightLink.php"; 
    } 
}); 

Reference