按Enter键将光标移动到下一个文本字段

时间:2014-09-03 11:36:27

标签: javascript html

这是我的脚本文件。我叫我的div id =" AppContainer"在这个脚本中按回车。这个代码只在Chrome浏览器上工作,但在其他浏览器中不起作用。问题是什么?

  HTML:
    <div id="AppContainer">
    <input type="text">
    <input type="text">
    </div>

    <script type='text/javascript'>
    $(document).ready(function(){
        $('#AppContainer input').keydown(function(e){
         if(e.keyCode==13){       

            if($(':input:eq(' + ($(':input').index(this) + 1) + ')').attr('type')=='submit'){// check for submit button and submit form on enter press
             return true;
            }

            $(':input:eq(' + ($(':input').index(this) + 1) + ')').focus();

           return false;
         }

        });
    });
    </script>

1 个答案:

答案 0 :(得分:3)

你可以试试这个:

$(function () {
    $('#AppContainer').on('keydown', 'input:text', function (e) {
        if (13 === e.which) {
            e.stopPropagation();
            $(this).next('input:text').focus();
        }
    });
});