Question

我正在寻求扩展这个Jsfiddle。我已经在我的代码中使用它，但我似乎无法使其成为可点击的＆＃39;。我希望突出显示＆＃39;要与URL链接的框，并且用户只需按enter键即可打开所选链接。

有什么想法吗？

这是小提琴：

Answer 1

您可以为HTML的每个框添加一个属性，其中包含用户将被重定向的链接，如果他们点击了＆＃34;输入＆＃34;在那个盒子上。

例如：

<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 - 但是！重定向无法在该网站上使用，所以请立即尝试使用。

键盘导航可点击问题Jquery

1 个答案: