[ js ] .focus()切換問題

看板Ajax作者xeriou (none)時間12年前 (2013/08/23 09:35)推噓1(1推 0噓 9→)

留言10則, 5人參與討論串1/1

最近要寫一個條碼掃描輸入介面也知道條碼器在掃描後會有ENTER傳入電腦於是我有五個輸入點，網頁載入時需要自動focus()在第一個然後每按一次ENTER會focus到下一個到第五個時會自動把表單傳出小弟使用jQuery v1.10.2 目前我的程式碼如下 <DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="jquery.js"></script> <script> $(document).ready(function(){ $('#fir').focus(); }) </script> <style> #form_submit { display:none; } </style> </head> <body> <form action="data.php" method="post"> <input id="fir" name="company" type="text" placeholder="廠商"> <input id="sec" name="barcode" placeholder="條碼"> <input id="thr" name="color" placeholder="顏色"> <input id="fou" name="size" placeholder="尺寸"> <input id="fif" name="cost" placeholder="成本"> <input id="form_submit" type="submit" value="提交"> </form> <script> $('#fir').keydown(function(e){ if(e.which==13){ $('#sec').focus(); } }) $('#sec').keydown(function(e){ if(e.which==13){ $('#thr').focus(); } }) $('#thr').keydown(function(e){ if(e.which==13){ $('#fou').focus(); } }) $('#fou').keydown(function(e){ if(e.which==13){ $('#fif').focus(); } }) $('#fif').keydown(function(e){ if(e.which==13){ $('#fif').next('#form_submit').css('display','inline'); } }) </script> </body> </html> 基本上，程式是可以運作&&符合需求但是...程式碼如此肥(input少)，如果input有幾百個那會很可怕，所以想說問有沒有更好的寫法... -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 211.22.161.199 ※ 編輯: xeriou 來自: 211.22.161.199 (08/23 09:42)