如何触发tab键按钮事件？答案

【问题标题】：How to trigger tab key button event?如何触发tab键按钮事件？
【发布时间】：2017-07-20 05:55:59
【问题描述】：

如果您看到下面的图片。鼠标悬停时国家名称样式会发生变化。但是当我单击向下箭头键时，我们必须显示相同的行为。谁能告诉我该怎么做？

【问题讨论】：

请向我们展示您自己到目前为止所做的尝试
显示你的代码。
分享你的代码
我已经添加了 keydown 功能......但不明白该怎么做。我还尝试将重点放在不起作用的控件上。我也尝试触发 mouseover 或 hover 事件的 mouseenter，也没有成功。
分享你尝试过的代码

【解决方案1】：

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

应该有帮助的 2 个代码 sn-ps：

$(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();
  }
});

来源： - Simulate pressing tab key with jQuery - Binding arrow keys in JS/jQuery

我有演示仓库，我用 ReactJs https://github.com/liesislukas/react-dropdown-autocomplete-with-search 做了类似的事情

【讨论】：

我试过上面的代码。不工作。问题是我想要鼠标悬停在国家名称上的确切行为。如何触发鼠标悬停事件？
有什么方法可以在javascript中触发'Tab'按键事件？
您可以触发任何事件。检查这个问题：stackoverflow.com/questions/832059/…
所以基本上我想要的是当我按下向下键时它应该触发 Tab 键按下事件。我已经为国家名称提供了选项卡索引。请任何人....
有没有办法录制脚本？这样我就可以记录鼠标悬停后发生的事情。