首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

~Jquery回车TAB顺序,立地给分~

2013-10-10 
~~~~~~~~~Jquery回车TAB顺序,马上给分~~~~~~~~~~~$(function () {$(input:text:first).focus()var $inp

~~~~~~~~~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();
          
        }
    });
});

热点排行