在我的 HTML 页面中存在多个组件，并且在按下 Tab 按钮时，焦点被设置为某些组件(不按顺序)。如何阻止选项卡将焦点放在整个页面上的任何组件上？使用 html 页面的最外层 div id 我们可以阻止选项卡将焦点放在任何组件和位置栏上吗？
我也添加了 jsfiddle (demo) ，即使我没有使用 tabindex 但焦点仍在，所以请告诉我如何禁用选项卡单击。
$(document).on('keydown', function(event) {
if (event.keyCode == 9) { //tab pressed
event.preventDefault(); // stops its action
}
});
最佳答案
我尝试了下面的代码，它在我的 场景 中工作正常:
$(document).keydown(function (e)
{
var keycode1 = (e.keyCode ? e.keyCode : e.which);
if (keycode1 == 0 || keycode1 == 9) {
e.preventDefault();
e.stopPropagation();
}
});