按Enter时将光标移至下一个文本字段

Question

这是我的脚本文件。 按Enter时，我在此脚本中将我的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>

Answer 1

您可以尝试以下方法：

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