javascript - On click of TAB the focus should be on the next textbox - Stack Overflow

admin管理员组

文章数量:1391960

I have two textboxes and when TAB is pressed from one textbox it goes to another place instead of to the next textbox.

My code is:

   $(function () {

        $("input[id$=txt1]").bind('keydown',
        function (e) {
            if (e.which == 9) {
                // alert("hello");
                $("input[id$=txt2]").focus();
            }
        }
        );

    });

When I press tab for txt1 it should go to txt2 but it doesn't.

Any help?

I have two textboxes and when TAB is pressed from one textbox it goes to another place instead of to the next textbox.

My code is:

   $(function () {

        $("input[id$=txt1]").bind('keydown',
        function (e) {
            if (e.which == 9) {
                // alert("hello");
                $("input[id$=txt2]").focus();
            }
        }
        );

    });

When I press tab for txt1 it should go to txt2 but it doesn't.

Any help?

• javascript
• jquery

Share Improve this question Follow edited Apr 5, 2012 at 18:53 demBones 15511 silver badge55 bronze badges asked Jan 5, 2012 at 6:04 G.S BhangalG.S Bhangal 3,30044 gold badges2626 silver badges4848 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You don't have to do any code here. You just have to assign tab indexes in a proper order.

For example:

<input type="text" value="a" tabindex="1" />
<input type="text" value="c" tabindex="3" />
<input type="text" value="b" tabindex="2" />

If you set a focus to "a", then push TAB, focus will move to "c", and then to "b".

See demo here: http://jsbin./epacop/2

Just use preventDefault and it will work

$("#txt1").bind('keydown',
function (e) {
    if (e.which == 9) {
        $("#txt2").focus();
        e.preventDefault()
        }
    }
);

BTW, its much better to use direct selectors with ids (#txt2 instead of input[id$=txt2]).

本文标签： javascriptOn click of TAB the focus should be on the next textboxStack Overflow