How To go to next if i click TAB key?

Posted on 2011-10-10
Last Modified: 2012-05-12
Hi All,

In my application, some times if i click tab key it is not moving to next item, it is going to some other items in a same Page.

Please advise me how to overcome this problem.
Question by:BhanuSVS
    LVL 13

    Expert Comment

    what you need to do is to change the tab index on the elements.

    Author Comment

    Hi Halo,

    Thanks For u r advise,

    But the application is having lot of items, 70/80 including tabs,buttons,text items, so it is some difficult to add for all the items in every page, can u plz suggest me any easy way to do this if possible.
    LVL 13

    Accepted Solution

    if what you wanted was all in a form you could dynamically set the tab index using the form.elements array but for any thing else, you could try document.getElementsByTagName('*') which should give you an array that has every element on the page that you can loop through.
    LVL 81

    Expert Comment

    Read this :

    By default, the natural tabbing order will match the source order in the markup.

    Author Closing Comment


    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Article by: DanRollins
    This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (, we'll extend the program by adding a depth-…
    Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now