WEB端JQuery接入 掃碼槍,填入表單內容

在項目中,需要用 掃碼槍讀取條形碼信息,并把內容填入表單,實現表單自動提交,實現信息錄入!

常用場景:

 參加活動時 身份查詢,活動資格查詢;

html頁面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <script src="__STATIC__/home/js/jquery.min.js"></script>
</head>
<body class="hold-transition login-page">
  <form id='but' action="appDetail.php" method="post" >
    <div class="am-u-sm-12 am-u-md-6 " >
        <div class="am-input-group am-input-group-sm">
            <input type="text" id='aname' name="aname" placeholder="手機號" value="" class="am-form-field" >
            <button  class="am-btn"  ></button>
        </div>
    </div>
  </form>
</body>
<script>
    window.onload = function(e){
        var code = "";
        var lastTime,nextTime;
        var lastCode,nextCode;

        document.onkeypress = function(e) {
            nextCode = e.which;
            nextTime = new Date().getTime();

            if(lastCode != null && lastTime != null && nextTime - lastTime <= 30) {
                code += String.fromCharCode(lastCode); 
            } else if(lastCode != null && lastTime != null && nextTime - lastTime > 100){
                code = "";
            }

            lastCode = nextCode;
            lastTime = nextTime;
        }

        this.onkeypress = function(e){
            if(e.which == 13){
                $('#aname').val(code); //自動填充到表單
                $('#but').submit();  //自動提交指定的表單
                console.log(code);
                code = "";
            }
        } 
    }

</script>
</html>

這樣用JQuery對掃描槍的掃描監控,實現了表單自動填充與提交

喜歡的點桃心,喜歡一下~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 22年12月更新:個人網站關停,如果仍舊對舊教程有興趣參考 Github 的markdown內容[https://...
    tangyefei閱讀 35,215評論 22 257
  • 今天是光棍節,和一群敗家娘們兒在一起吃飯。沒有山珍海味,沒有鮑魚魚翅,只是簡單的雞蛋番茄面條,外加紅九九就吃出了暖...
    永遠的凡希閱讀 201評論 0 1
  • 濕地年會到了,我見到了夢中的女神~王君!默念了多遍:多虧俺老孫來了! 認識王君老師是去年,那是一段灰色的日子,感覺...
    薇薇_24ee閱讀 596評論 1 5
  • 我覺得我得了抑郁癥,這種想法在我的心里腦海里閃過無數次。什么事情現在對我來說都沒有興趣提不起精神,我覺得活著好累,...
    燁潼閱讀 332評論 1 0
  • 任時光匆匆 任歲月長流 云水禪玲心 等倪在紅塵 ...
    任勿閱讀 517評論 0 0