jest sposób na wyłączenie "tab" na typie wejściowym = "tekst"?

Question

jest rozwiązanie dla różnych przeglądarek, aby wyłączyć "kartę" na typie wejściowym = "tekst"?

<input type='text' /> 

Naciśnięcie „zakładkę” przenosi nas do kolejnego „aktywowana” składnika (na przykład przycisk)

chcę zamiast „Karta” zrobić coś innego. Na przykład nawet w karcie Wyszukiwarka Google jest po prostu wykorzystywane do autouzupełniania sugerowany tekst zamiast przenosić do następnego komponentu Regulowana ...

dzięki

Answer 1

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

zależy jak cross-browser jesteś mówi jednak, ponieważ powyższe obsługuje tylko IE9 (i inne nowoczesne przeglądarki).

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

IE8- użycie attachEvent zamiast addEventListener i e.keyCode zamiast e.which, i nie ma preventDefault, ale można użyć return false.

Answer 2

Tak, sprawdzić, czy był naciśnięty klawisz kartę, a jeśli tak, to zwraca fałsz:

<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 pozwoli tej pracy na starszych przeglądarkach.

http://jsfiddle.net/JxMhY/

Na tej skrzypce pokazuje 2 formy, jedną z klasą „noTab” i jeden bez, jak TAB/SHIFT + TAB są użyteczne w wielu formach, ale nie taki, który posiada kartę specjalną” " akcja.

Answer 3

implementacja non jQuery byłoby trochę jak ten -

HTML byłoby

<input type="text" id="myField1" onkeydown="return stopTab(event);" /> 

i JS coś jak poniżej

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