html頁面掃描槍的使用
2018-08-20 17:43:37
tipcode
786
一、使用掃描槍的常用場景是
1.使用掃描槍掃描錄入數據，直接保存到后臺系統
2.使用掃描槍掃描查詢數據并顯示出來
二、掃描槍在HTML頁面中運用
1.在HTML中使用掃描槍必須有input或者其他輸入框
2.在掃描槍進行掃描前，鼠標的焦點需要移動到相應的輸入框中
3.掃描槍一般有自動帶有enter鍵（在掃描完自動按下enter鍵）
三、掃描槍在頁面中的使用設計
背景：頁面中鼠標經常移動，不方便獲取焦點，每一次掃描前需要移動，界面操作變得繁瑣；為了解決此問題，以下設計，對使用掃描槍流程進行優化
1.頁面加載是同時定位到需要輸入框的并獲取焦點，使用掃描槍直接即可錄入數據
2.使用js監聽鍵盤中的Ctrl鍵，按下Ctrl鍵，鼠標定位到需要輸入框的并獲取焦點
3.獲取焦點同時，選擇輸入框的內容，如果輸入框有內容，掃描槍錄入數據直接覆蓋之前的內容
4.監聽輸入框的值，掃描槍錄入完畢，輸入框值變化，同時觸發將要執行的事件
5.事件執行完，鼠標重新定位到輸入框，并選擇輸入框內容
四、運用例子
