鍵盤導航可點擊問題Jquery

Question

我正在尋找擴展這個Jsfiddle。我已經在我的代碼中工作，但似乎無法使其成爲「可點擊」。我希望「突出顯示」框與URL鏈接，用戶只需按enter鍵即可打開選擇的鏈接。

任何想法？

這裏的小提琴：

JSFiddle

Answer 1

你可以與在，如果他們打的那個盒子「中輸入」用戶會被重定向鏈接的屬性添加到您的HTML的各個框。

例如：

<tr> 
    <td class="selected" data="http://www.google.com"> 
    <td class="selected" data="http://www.yahoo.com"> 
</tr> 

然後，爲了將用戶重定向到該鏈接，您可以添加到您的jQuery：

$(document).keydown(function(e) 
{  
    switch(e.which) {   
     case 37: // left 
      move(1); 
     break; 
     case 38: // up 
      move(2); 
     break; 
     case 39: // right 
      move(3); 
     break;   
     case 40: // down 
      move(4); 
     break; 
     case 13: // enter 
      var url = $('.selected').attr('data'); // get the url from the 'data' attribute from the currently selected box 
      window.location.href = url; // redirect to the url 
     break; 
     default: return; // exit this handler for other keys 
    } 
    e.preventDefault(); // prevent the default action (scroll/move caret) 
}); 

我有一些問題，在所有（跑的jsfiddle只是不能打開網站出於某種原因）。所以我在CodePen Demo - 上添加了演示但是！重定向將無法在該網站上運行，因此請立即嘗試一下。