は、入力タイプ= 'テキスト'で 'タブ'を無効にする方法はありますか？

Question

入力タイプ= 'テキスト'で 'タブ'を無効にするクロスブラウザソリューションはありますか？

<input type='text' /> 

は、「タブ」を押すと（例えばボタン）次の「フォーカス可能」コンポーネントに私が代わりに「タブ」何かをやりたい

を移動できます。 Google検索のタブはだけではなく、次のフォーカス可能コンポーネントにあなたを動かすの提案テキストを自動補完するために使用されていても例 については ...

Answer 1

document.querySelector('input').addEventListener('keydown', function (e) { 
    if (e.which == 9) { 
     e.preventDefault(); 
    } 
}); 

は、クロスブラウザ、あなたはどのように依存

感謝上記はIE9（およびその他の最新のブラウザ）のみをサポートしているため、話しています。

http://jsfiddle.net/ExplosionPIlls/YVUzz/

IE8-はattachEvent代わりのaddEventListenerとe.keyCodeの代わりe.whichを使用しており、そこにはpreventDefaultはありませんが、あなたはreturn falseを使用することができます。

Answer 2

はいキーは、タブを押した場合は、チェックし、もしそうならば、falseを返します。

<form class='noTab'> 
    <input type="text" /> 
    <input type="text" /> 
    <select> 
     <option>a</option> 
     <option>b</option> 
    </select> 
    <textarea> 
    </textarea> 
</form> 

jQuery('.noTab').find('input,select,textarea').keydown(function (e) { 
    if (e.which === 9) { 
     return false; 
    } 
}); 

jQueryのは、レガシーブラウザ上でこの仕事をできるようになります。タブ/シフト+タブとして、それは2つの形態、クラス「NOTAB」とせずに1と1を示しているフィドル、オン

http://jsfiddle.net/JxMhY/

は多くの形態のために有用であるが、特別な「タブを持っていない1 "アクション。

非jQueryの実装は少しこのようになる

Answer 3

-

HTMLが

function stopTab(e) { 
    var evt = e || window.event 
    if (evt.keyCode === 9) { 
     return false 
    } 
}