小编Mic*_*ney的帖子

我想知道，为什么在按下包含可聚焦元素（输入、超链接）的TAB key负边距右 ( margin-right:-170px) 的div 容器后显示在屏幕上？有任何想法吗？

在我的情况下，我需要防止这种行为，因为我有侧边栏菜单（屏幕外），这是在用户多次按下 Tab 按钮后显示的。它不应该。我只想在移动和平板设备上显示此侧边栏。

注意：还有什么。该行为是不同的Firefox，并在不同的Google Chrome。在我的示例中，如果您删除<input>元素并只留下超链接<a>，则在按下 Tab 键后该框将不会显示。在 Chrome 中它会。

类似帖子： Chrome 错误？或者如何防止表单字段在聚焦时滚动容器？

解决方案之一（防止TAB）： 可以解决问题，但不推荐。

    $("body").on("keydown",  function (e) {
        if (e && e.keyCode === 9) {
            console.log('Tab was pressed', e);
            e.preventDefault();
        }
    });

>> 截图中的工作示例：

    $("body").on("keydown",  function (e) {
        if (e && e.keyCode === 9) {
            console.log('Tab was pressed', e);
            e.preventDefault();
        }
    });

.box {
  width: 150px;
  height: 50px; …