この記事では、USBバーコードスキャナデータを取得するjsの具体的なプロセスを参考までに紹介します。具体的な内容は次のとおりです。 さっそく、コードを見てみましょう。この方法を使うと、最初の文字が抜けたり、文字列が文字化けしたりするなどの問題が回避できます。とても便利です。記録しておきましょう。 中間のAjaxはログイン機能を直接呼び出して自動ログインを実現できる 注: 入力ボックスにはフォーカスが必要です。これは必須です。次に、キャリッジ リターンによって手動ログインがトリガーされないようにするには、onkeypress="if(event.keyCode==13) return false;" の操作を追加する必要があります。キャリッジ リターンが押されると、フォーカスを手動で切り替えるか focus() メソッドを呼び出しない限り、入力ボックスのフォーカスは失われません。 <div class="フォームグループ"> <label for="inputUsernameEmail">アカウント</label> <input type="text" placeholder="アカウントを入力してください" name="ユーザー名" id="ログイン名" class="form-control" autofocus onkeypress="if(event.keyCode==13) return false;"> </div> コード: <スクリプト> ウィンドウ.onload = (e) => { this.start = 新しい Date().getTime() コード = '' とします lastTime、nextTime を設定します 最後のコード、次のコード それを = これとする window.document.onkeypress = 関数 (e) { if (window.event) { // IE 次のコード = e.keyCode } else if (e.which) { // Netscape/Firefox/Opera 次のコード = e.which } コンソールログ('次のコード', 次のコード) if (e.which === 13 || window.event === 13) { var デバイスコード = コード; console.log(コード) console.log('コードのスキャンが完了しました') コンソール.timeEnd() コード = '' 最終コード = '' 最終時刻 = '' $.ajax({ キャッシュ: true、 タイプ: "POST", url: ルートパス + "/admin/login", データ: {コード: デバイスコード、タイプ: 1}, 非同期: false、 エラー: 関数 (リクエスト) { $("#ログイン名").val(""); $.modal.alertError("システムエラー"); }, 成功: 関数 (データ) { $("#ログイン名").val(""); (データコード == 200) の場合 { location.href = rootPath + '/admin/index'; } それ以外 { $.modal.alertError(データ.msg); } } }); } nextTime = 新しいDate().getTime() 最後の時間 && 最後のコードの場合 console.log('開始するにはコードをスキャンしてください...') コード += e.key } if (lastCode && lastTime && nextTime - lastTime > 500) { // コードをスキャンする前にキー押下イベントが発生した場合、最初の単語が欠落しないようにします console.log('最初の単語が欠落しないようにします...') コード = e.key } それ以外の場合 (lastCode && lastTime) { console.log('コードをスキャンしています...') コード += e.key } 最後のコード = 次のコード 前回 = 次回 } } </スクリプト> 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Tomcat 例外の解決方法 (リクエスト ターゲットに無効な文字が見つかりました。有効な文字は RFC 7230 および RFC 3986 で定義されています)
>>: MySQL の CPU 負荷が高い問題のトラブルシューティング
IE で ClearType をオンにした後に発生する透明フォントの問題を解決するには、透明要素に背...
目次1. Dockerのセキュリティ問題2. Dockerアーキテクチャの欠陥とセキュリティメカニズ...
目次1. はじめに2. 設定手順1. はじめに1. NAT モード (VMnet8) は、仮想マシン...
目次1. ロックとラッチ2. 繰り返し読み取り3. インサートロックプロセス3.1 ロックモード3....
関数0. 現在の時刻を表示するコマンド: select now()。機能: 現在の時刻を表示します。...
第1章 ソースコードのインストールRPM パッケージは特定のシステムとプラットフォームに応じて指定さ...
explain コマンドは、クエリ オプティマイザーがクエリの実行を決定した方法を確認する主な方法で...
メモリストレージエンジンに関する知識ポイントメモリ ストレージ エンジンは日常業務ではほとんど使用さ...
1. まず、移行サーバー上のデータ ファイルを見つけます。MySQL 5.7 とデフォルトのインスト...
ダウンロードダウンロードアドレス: https://dev.mysql.com/downloads/...
目次1. サブクエリとは何ですか? 2. サブクエリはどこに表示されますか? 3. Whereサブク...
序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...
仮想マシンを使用する人は通常、操作と使用を容易にするために仮想マシン用の共有ディレクトリを設定します...
環境の準備1. 環境構築React Native 中国語ウェブサイト2. 開発ツール フロントエンド...
目次1. ウェアハウスを使用してhttpd lrzsz解凍ファイルを作成する2. ソースコードファイ...