Question

126

is there a way to disable 'tab' on a input type='text'?

rated 0 times [ 128] [ 2] / answers: 1 / hits: 23007 / 11 Years ago, thu, march 21, 2013, 12:00:00

is there a cross-browser solution to disable 'tab' on a input type='text' ?

<input type='text' />

Pressing 'tab' moves you to the next 'focusable' component (for example a button)

I want instead 'tab' to do something else.
For example
Even in a google search tab is just used to autocomplete the suggested text instead of moving you to the next focusable component...

thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sonja

Add To Favorites

Follow

Total Points: 541

Total Questions: 113

Total Answers: 114

Location: Anguilla

Member since Sun, Jan 29, 2023

1 Year ago

sonja questions

1 Filtering table data for multiple columns Angular 10

Mon, Nov 30, 20, 00:00, 4 Years ago

1 Auto clear cache from browser

Sun, Oct 11, 20, 00:00, 4 Years ago

1 react-table has a issue with rendering in next.js

Thu, May 21, 20, 00:00, 4 Years ago

1 How to stop purging tailwind components

Sun, Nov 10, 19, 00:00, 5 Years ago

1 JS - String includes a substring that matches regex

Mon, Aug 26, 19, 00:00, 5 Years ago

View All

answered 11 Years ago madalyngriseldas · Accepted Answer

document.querySelector('input').addEventListener('keydown', function (e) {

    if (e.which == 9) {

        e.preventDefault();

    }

});

Depends on how cross-browser you are talking though, as the above only supports IE9 (and other modern browsers).

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

IE8- use attachEvent instead of addEventListener and e.keyCode instead of e.which, and there is no preventDefault, but you can use return false.