將光標移動到下一個文本字段當按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(); 
     } 
    }); 
});