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