如何使用javascript锁定或禁用tab键？
【问题讨论】：
标签： javascript jquery
$(document).keydown(function(objEvent) {
if (objEvent.keyCode == 9) { //tab pressed
objEvent.preventDefault(); // stops its action
}
})
【讨论】：
你可以这样做：
$(":input, a").attr("tabindex", "-1");
这将禁止在所有链接和表单元素中使用选项卡获得焦点。
希望对你有帮助
【讨论】：
在Naftali aka Neal's answer 上进行扩展，下面是您使用 vanilla JS 以及启动和停止 Tab 行为按钮的方法：
let stopTabFunction = function(e) {
if (e.keyCode == 9) {
e.preventDefault();
}
};
document.getElementById('stopTabButton').onclick = function() {
document.addEventListener('keydown', stopTabFunction);
};
document.getElementById('resumeTabButton').onclick = function() {
document.removeEventListener('keydown', stopTabFunction);
};<input type="text"/>
<input type="text"/>
<input type="text"/>
<input type="text"/>
<input type="text"/>
<input type="text"/>
<br/><br/>
<input type="button" id="stopTabButton" value="Stop Tab!"/>
<input type="button" id="resumeTabButton" value="Resume Tab!"/>请注意，这也适用于 Shift + Tab（反向）。
但是，就我而言，我想要稍微不同的行为：我想基本上将 Tab 焦点锁定到单个 div。为此，我在它之前和之后放置了一个div，同时给了它们tabindex="0"（div 本身的文档定义的标签顺序），以使div 的外边缘可聚焦，例如所以：
<div id="beforeMyDiv"></div>
<div id="myDiv">
<!-- Only want Tab indexing to occur in here! -->
</div>
<div id="afterMyDiv"></div>
然后，我把之前的函数改成了这个：
//Get the div's into variables etc.
//...
let forceTabFocusFunction = function (e) {
if (e.keyCode == 9) {
//Force focus onto the div.
if (!myDiv.contains(document.activeElement)) {
if (e.shiftKey) {
afterMyDiv.focus();
} else {
beforeMyDiv.focus();
}
}
}
};
效果很好。
【讨论】：
关于尼尔的回答，我只想补充：
if (objEvent.keyCode == 9) { //tab pressed
return;
}
因为当你输入完 CPF 并按 TAB 时，它会被视为一个字符并更改为 CNPJ 掩码。
完整代码：
<script type="text/javascript">
$(document).ready(function() {
$("#cpfcnpj").keydown(function(objEvent){
if (objEvent.keyCode == 9) { //tab pressed
return;
}
try {
$("#cpfcnpj").unmask();
} catch (e) {}
var size= $("#cpfcnpj").val().length;
if(size < 11){
$("#cpfcnpj").mask("999.999.999-99");
} else {
$("#cpfcnpj").mask("99.999.999/9999-99");
}
});
});
</script>
【讨论】：