Javascript 如何触发tab键按钮事件？

如果你看到下面的图片。鼠标悬停时，国家名称样式将发生更改。但是当我单击向下箭头键时，我们必须显示相同的行为。 有人能告诉我怎么做吗

---

想法是绑定到keydown事件，如果键为arrow down，则应在列表中选择next。您必须有当前选择的索引，并使用它突出显示菜单项。当鼠标悬停事件发生时，只需将当前选择索引更改为悬停项。使用索引更改背景色。使用ReactJs和类似的UI框架非常容易，而使用jQuery则有点混乱，但是如果你有了这个想法，希望你会成功

2段代码片段应该会有所帮助：

$(document).keydown(function(e) {
    switch(e.which) {
        case 37: // left
        break;

        case 38: // up
        break;

        case 39: // right
        break;

        case 40: // down
        break;

        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)
});

$('.tg').bind('keypress', function(event) {
  if(event.which === 13) { // tab
    $(this).next().focus();
  }
});

资料来源： - -

---

我有一个演示repo，在那里我用ReactJs做了类似的事情

请向我们展示您迄今为止的尝试您自己展示您的代码。共享您的代码我添加了按键功能。。。。。但我不知道该怎么办。我还试图将重点放在不起作用的控制上。我还试图触发mouseover或hover事件的mouseenter，但也不起作用。不起作用。问题是我想知道鼠标在国家名称上的确切行为。如何触发mouseover事件？是否有任何方法可以触发javascript中的“Tab”按键事件？您可以触发任何事件。检查这个问题：所以基本上我想要的是当我按下向下键时，它应该触发tab键按下事件。我已经给了国家名称的标签索引。请随便一个人…有没有办法录下剧本？这样我就可以记录下鼠标悬停后发生的事情。