一、使用掃描槍的常用場景是
1.使用掃描槍掃描錄入數(shù)據(jù),直接保存到后臺系統(tǒng)
2.使用掃描槍掃描查詢數(shù)據(jù)并顯示出來
二、掃描槍在HTML頁面中運用
1.在HTML中使用掃描槍必須有input或者其他輸入框
2.在掃描槍進(jìn)行掃描前,鼠標(biāo)的焦點需要移動到相應(yīng)的輸入框中
3.掃描槍一般有自動帶有enter鍵(在掃描完自動按下enter鍵)
三、掃描槍在頁面中的使用設(shè)計
背景:頁面中鼠標(biāo)經(jīng)常移動,不方便獲取焦點,每一次掃描前需要移動,界面操作變得繁瑣;為了解決此問題,以下設(shè)計,對使用掃描槍流程進(jìn)行優(yōu)化
1.頁面加載是同時定位到需要輸入框的并獲取焦點,使用掃描槍直接即可錄入數(shù)據(jù)
2.使用js監(jiān)聽鍵盤中的Ctrl鍵,按下Ctrl鍵,鼠標(biāo)定位到需要輸入框的并獲取焦點
3.獲取焦點同時,選擇輸入框的內(nèi)容,如果輸入框有內(nèi)容,掃描槍錄入數(shù)據(jù)直接覆蓋之前的內(nèi)容
4.監(jiān)聽輸入框的值,掃描槍錄入完畢,輸入框值變化,同時觸發(fā)將要執(zhí)行的事件
5.事件執(zhí)行完,鼠標(biāo)重新定位到輸入框,并選擇輸入框內(nèi)容
四、運用例子