防止在Chrome中对tab键执行默认操作？

Question

我想防止按Tab键时的默认动作，只想在铬，我找不到解决方案，任何人都可以请帮忙吗？

我使用jQuery的

Answer 1

下面是关于如何检测铬的文章： http://javascriptly.com/2008/09/javascript-to-detect-google-chrome/

而且这个问题：Disable tab key on a specific div可以帮助你在禁用Tab键。如果你能够把自己和你结合起来，你可能已经有效了。

的禁用功能，将成为类似：

$('.textarea').on('keyup mouseup', function(e) { 
    if(e.which == 9) { e.preventDefault(); } 
}); 

e.which = 9是按照给定的最后一个环节Tab键。如果你能够自己将浏览器检测包装在它周围，我想你已经有了你的工作示例。

Answer 2

input.keydown(function(event){ 
    if (event.keyCode === 9) { 
     event.preventDefault(); 
    } 
}) 

关键是太晚了，您需要在keydown上调用该事件。这对我有效。

Answer 3

这可能是有点晚，但结合@ EvgueniNaverniouk的回答和@K ._的评论（上@ Joshua_Pendo的答案），确定您必须使用onkeydown和最近event.key，而不是event.keyCode。 event.key所做的是返回密钥的名称而不是代码。例如，tab键将作为“Tab”返回（这是区分大小写的）。下面是完成工作代码：

function checkForTab(event) { 
    if (event.key == "Tab") { 
     event.preventDefault(); 
    } 
    else { 
     //whatever stuff if not Tab 
    } 
} 
document.getElementById("element").onkeydown = checkForTab(event); 

function checkForTab(event) { 
 
\t if (event.key == "Tab") { 
 
\t \t event.preventDefault(); 
 
     document.getElementById('element').value += " Also notice this text appears every time you press tab!"; 
 
\t } 
 
\t else { 
 
\t \t //whatever stuff if not Tab 
 
\t } 
 
} 
 
document.getElementById('element').onkeydown = checkForTab; 
 
//Trick is to use keydown and use event.key instead of keyCode

<textarea id="element" style="width: 300px; height: 100px;">Press tab key here, you'll see default action doesn't occur!</textarea>

运行中的代码片段，看看我的意思的例子。您现在可以使用这样的代码来替换Tab的默认操作，并将操作添加到textarea。注意：我使用.key而不是.keyCode的原因是因为.keyCode现在已被弃用为@ K._提到。 希望这有助于！