防止在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._提到。 希望這有助於！