使用左右箭頭鍵進行其他導航

Question

我想添加訪問者在瀏覽照片頁面時使用左右箭頭鍵進行跨瀏覽器兼容的功能。

我現有的HTML已經有Back和Next鏈接。我需要做什麼才能讓左鍵觸發<％= previousLink％>，右鍵觸發<％= nextLink％>？

<div class="full-size-image-nav"> 
    <%if previousNumber <> 0 then%> 
     <div class="previous"> 
      <p><a href="<%=previousLink%>">Back</a></p> 
     </div> 
    <%end if%> 
    <%if nextNumber <> 0 then%> 
     <div class="next"> 
      <p><a href="<%=nextLink%>">Next</a></p> 
     </div> 
    <%end if%> 
</div> 

我看過jQuery Event Keypress: Which key was pressed?，但不知道如何適應我的代碼。謝謝。

Answer 1

檢查這一項，DEMO http://jsfiddle.net/qRqNf/1/

結果框架上首先點擊，然後嘗試按左/右按鍵。

$(document).ready(function() { 
    $("body").keydown(function(e) { 
     if(e.which == 37) { // left  
      $(".previous a").trigger("click"); 
     } 
     else if(e.which == 39) { // right  
      $(".next a").trigger("click"); 
     } 
    }); 
    $(".previous a").on("click",function(){ 
     // your scripts for previous click here 
     window.location = 'http://www.google.com'; 
    }); 
    $(".next a").on("click",function(){ 
     // your scripts for next click here 
     window.location = 'http://sg.yahoo.com/'; 
    }); 
});