JAvascriptリターンtab切替機能を完璧に実現

最も経験したプロジェクトは化学工場に使用する過程で大量のデータを入力する必要があり、使用するのはすべてキーボードエリアで、以前はexcelを通じてデータを入力していた今、
ウェブページでexcelのようなリターン改行を実現する必要がある機能は、ネット上でこの方面の問題を探していますが、あまり使いにくく、この方面の考え方を提供している人もいます.
本人の整理とテストを経て、この問題をよく解決することができます.
必要な条件
1,Jqueryライブラリのアドレスはjquery.comのホームページの上で最新のをダウンロードします
2、インタフェースフォームの構造と対応するフォームの位置を表示する
次はフォーム構造です.

 
  
 
  
    
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
    
  
 
  
 
  
 
  
 
  
   
  
 
  
 
  
 
  
 
  
 
  
   ? 
  
 
  
 
  
 
  
 
  
 
 

注意フォームのコンテキストラベル関係を配置する必要があります
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
ページを生成した後、句読点要素がどこにあるかにかかわらず、構造的に変わらないlabel要素の後ろには、フォーム要素に切り替え、type=「text」に切り替えます.
では、Jqueryのセレクタレベルセレクタprev+nextでの位置決めがよく分からない場合は、選択する要素に位置決めできればどうでもいいjqueryのヘルプドキュメントを表示できます.
重要なスクリプトコードを次に示します.

 
  
 
  <br>$(function () { 
  <br>var i = 0;//   
  <br>//                  label        input   type    Password    text        
  <br>//          ，      type="text"                $("label+ input")         
  <br>$("label+ :text").each(function () { 
  <br>$(this).keydown(function (e) { 
  <br>if (e.keyCode == 13) { 
  <br>i++;//         
  <br>try { 
  <br>$("label+ :text")[i].focus(); 
  <br>} catch (e) {//                        try             
  <br>return false;//              
  <br>} 
  <br>return false;//              
  <br>} 
  <br>}); 
  <br>}); 
  <br>}); 
  <br> 
  
 
 

やってみてもいい!!!あなたたちに役に立つことを願っています.