前情提要
筆者在工作環境中,有一個小週邊系統是給分行人員使用,其中有一段是需要透過Barcode Scanner
掃描其帳單中的條碼,作為Form
表單送出時的一個欄位,筆者看同事一開始的做法是在畫面上放一個Input
,其游標須Focus
在該Input
上,然後按下Barcode Scanner
去掃描條碼。
上述情境會延伸一些問題,使用者將游標移至其他表單元件或者系統上會有Toast
訊息,使用者可能會點擊其Toast
訊息關閉,上述零零總總情境後,若要掃描條碼,必須得將游標自動Focus
回條碼所屬的Input
上,極為困難,要寫很多code去做到;若沒有自動將游標Focus
回對應的Input
上,使用者會覺得困擾,每次掃描前都要移動滑鼠,將游標移回條碼所屬的Input
上,此篇內容就是要解決上述遇到的問題。