Javascript 如何停止HTML页面中tab键的默认操作

在我的HTML页面中，存在多个组件，按tab按钮时，焦点设置为某些组件（不按顺序）。如何阻止tab将焦点放在整个页面上的任何组件上？使用html页面的最外层

divid

，我们可以阻止tab将焦点放在任何组件和位置栏上吗

我还添加了JSFIDLE，即使我没有使用tabindex，但焦点仍在，所以请告诉我如何禁用tab单击

$(document).on('keydown', function(event) {
   if (event.keyCode == 9) {   //tab pressed
      event.preventDefault(); // stops its action
   }
});

---

下面是一些jQuery，您可以使用它在整个页面上禁用tab键

$(document).on('keydown', function(event) {
    if (event.keyCode == 9) {   //tab pressed
        event.preventDefault(); // stops its action
    }
});

---

可能会有一些其他的可能导致禁用Tab键的后果。

< P>稍加更改，尝试<代码>键按下< /代码>，而不是<代码> KEYDOWS/CODE >，并返回false，而不是<代码>事件。代码> 像这样的

$(document).on("keypress", function(event) {
    if (event.keyCode == 9) {   //tab pressed
        return false; // stops its action
    }
});

我尝试了下面的代码，并且在我的场景中运行良好：

$(document).keydown(function (e) 
{
    var keycode1 = (e.keyCode ? e.keyCode : e.which);
    if (keycode1 == 0 || keycode1 == 9) {
        e.preventDefault();
        e.stopPropagation();
    }
});

---

我是新来的，所以不知道如何在评论中回答。我试过了，但看起来像是一行而不是代码 事实上，这段代码运行得很好

$(document).keydown(function(event) {
    if (event.keyCode == 9) {  //tab pressed
        event.preventDefault(); // stops its action
    }
})

---

同时更新了显示代码和您尝试的内容。@mplungjan我没有尝试任何代码来停止tab的工作，但我正在寻找任何示例或提示，可以继续禁用整个页面上的tab，因为在我的html页面中，使用tab click的焦点不是按顺序进行的，所以很难预测焦点的顺序。这就是为什么我在寻找一些示例，通过这些示例，我可以在整个页面上禁用tab单击。请回答我的问题，而不是对我的问题进行向下投票。我在HTML页面中没有使用tabIndex，焦点除了文本字段外没有按顺序移动，并且很难预测焦点如何移动到任何组件。这就是为什么我在寻找一些选项，它可以在整个页面上禁用tab click本身。你在使用jQuery吗？是的，我在使用jQuery，但也在使用jQuery。我没有像你所寻找的那样设置TabIndexUpdate答案，只禁用tab。我尝试了你的代码：$（“#home”）。on（'keydown'，function（）{//home是最外面的div if（event.keyCode==9）{//tab pressed event.preventDefault（）；//停止其操作}）；但tab focus仍在继续。我有什么遗漏吗？在我发布的小提琴中，我尝试过，但并没有阻止tab将焦点放在上面buttons@user2800089实际上，它与这段代码配合得很好。在shud上可以从中删除

$（文档）。keydown（函数（事件）{if（event.keyCode==9）{//tab按下event.preventDefault（）；//停止其操作}}）

多亏了这一点