Javascript 使用键盘箭头和输入键选择并选择div元素？

按键盘上的箭头键，然后按enter键单击选定的div，是否有办法在div元素网格中导航？我知道我至少应该设法使这项工作以某种方式，但我完全不知道如何做到这一点，如果这是可能的

我知道，如果不使用鼠标，以下内容将无效，那么我可以做些什么来显示对特定div的某种关注

.show:hover{
    width:94px;
    height:94px;
    border:3px solid black;
}

.lock{
    pointer-events:none;
}

从哪里开始有什么提示吗？我的游戏在这里：

编辑：

---

是否可以从当前位置向上导航div字段，或者我必须将每个div作为起始点，并在上/下/左/右事件中与每个div一起导航？

您需要为箭头键绑定事件侦听器并输入，这可以从JS/jQ轻松完成

1分钟谷歌：

---

希望你的问题对你仍然感兴趣。我有一些时间，我总是想有我自己的记忆游戏。因此，我开始构建所需的函数，有关完整代码，请参阅。由于小提琴的框架，你必须在游戏中点击一次

编辑：很抱歉，我的脚本中有一些垃圾代码，因为我为插件提供了自己的一个基本设置，稍后将删除它

它还没有完成，但今天我要完成它。我将其构建为一个插件，因为稍后我想添加一些选项。但关键动作的概念应该很清楚

我创建了一个地图对象，你也可以使用数组，我认为这更容易找到位置

太多的代码无法全部发布在这里，因此这里有一个片段：

$(window).keydown(function (e) {
    //Initial set first card as selected
    var actCard, nextCard;

    if ($('.cardset').find('.selected').length < 1) {
        $('#card1').addClass('selected');
    } else {
        switch (e.which) {
        case 37: // left
            $('.cardset').find('.selected').cardMoveHorizont('prev', cardMap);
            break;

        case 38: // up
            $('.cardset').find('.selected').cardMoveHorizont('up', cardMap);
            break;

        case 39: // right
            $('.cardset').find('.selected').cardMoveHorizont('next', cardMap);
            break;

        case 40: // down
            $('.cardset').find('.selected').cardMoveHorizont('down', cardMap);
            break;

        default:
            return; // exit this handler for other keys
        }
        e.preventDefault();
    }
});

---

我想这就是你要找的for@smb那不是他想要的。他不仅需要能够找到何时按下某个键，还需要根据该键选择div。他需要一个提示，而不是一个有效的解决方案，使用按键处理程序，例如类切换，如selected、actived。。。应该有用