日期:2014-05-16  浏览次数:20401 次

~~~~~~~~~Jquery回车TAB顺序,马上给分~~~~~~~~~~~


$(function () {
    $('input:text:first').focus();
    var $inp = $('input:text');
    $inp.bind('keydown', function (e) {
        var key = e.which;
        if (key == 13) {
            e.preventDefault();
            var nxtIdx = $inp.index(this) + 1;
            $(":input:text:eq(" + nxtIdx + ")").focus();
        }
    });
});


上面这段代码是网上找的,部分符合需求,但我的页面中除了text还有radio、button、textarea、select等,请问怎么改写这段代码来实现页面的回车TAB顺序?
TAB顺序

------解决方案--------------------

$(function () {
    $('input:text:first').focus();
    
    var $inp = $('input,button,textarea,select');
    $inp.bind('keydown', function (e) {
        var key = e.which;
        if (key == 13) {
            e.preventDefault();
            var nxtIdx = $inp.index(this) + 1;
            $inp[(nxtIdx + 1) % $inp.length ].focus();
          
        }
    });
});