使用左右箭头键进行其他导航

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/'; 
    }); 
});