In diesem Artikel wird der spezifische Prozess zum Abrufen von USB-Barcodescannerdaten durch js zu Ihrer Information beschrieben. Der spezifische Inhalt ist wie folgt Kommen wir ohne weitere Umschweife direkt zum Code. Diese Methode vermeidet Probleme wie fehlende Anfangsbuchstaben, verstümmelte Zeichenfolgen usw. Sie ist sehr nützlich. Notieren wir sie. Der Ajax in der Mitte kann die Anmeldefunktion direkt aufrufen, um eine automatische Anmeldung zu erreichen Hinweis: Das Eingabefeld muss den Fokus erhalten, was notwendig ist. Zweitens müssen Sie die Operation onkeypress="if(event.keyCode==13) return false;" hinzufügen, um zu verhindern, dass der Wagenrücklauf eine manuelle Anmeldung auslöst. Wenn der Wagenrücklauf gedrückt wird, geht der Fokus des Eingabefelds nicht verloren, es sei denn, der Fokus wird manuell gewechselt oder die Methode focus() wird aufgerufen. <div Klasse="Formulargruppe"> <label for="inputUsernameEmail">Konto</label> <input type="text" placeholder="Bitte geben Sie Ihr Konto ein" name="username" id="loginname" class="form-control" autofocus onkeypress="if(event.keyCode==13) return false;"> </div> Code: <Skript> fenster.onload = (e) => { dies.start = neues Date().getTime() lass Code = '' letze Zeit, nächste Zeit let letzterCode, nächsterCode lass das = dies window.document.onkeypress = Funktion (e) { if (Fenster.Ereignis) { // IE nächsterCode = e.Schlüsselcode } sonst wenn (e.which) { // Netscape/Firefox/Opera nächsterCode = e.which } console.log('nächsterCode', nächsterCode) wenn (e.which === 13 || window.event === 13) { var Gerätecode = Code; konsole.log(code) console.log('Codescan abgeschlossen') konsole.timeEnd() Code = '' letzterCode = '' letzteZeit = '' $.ajax({ Cache: wahr, Typ: "POST", URL: Stammpfad + "/admin/login", Daten: {Code: Gerätecode, Typ: 1}, asynchron: falsch, Fehler: Funktion (Anfrage) { $("#Anmeldename").val(""); $.modal.alertError("Systemfehler"); }, Erfolg: Funktion (Daten) { $("#Anmeldename").val(""); wenn (Datencode == 200) { location.href = Stammpfad + '/admin/index'; } anders { $.modal.alertError(data.msg); } } }); } nächsteZeit = neues Date().getTime() wenn (!letzteZeit && !letzterCode) { console.log('Scannen Sie den Code, um zu beginnen...') Code += e.Schlüssel } if (lastCode && lastTime && nextTime - lastTime > 500) { // Wenn vor dem Scannen des Codes ein Tastendruckereignis auftritt, verhindern Sie, dass das erste Wort fehlt. console.log('Verhindern Sie, dass das erste Wort fehlt...') Code = e.Schlüssel } sonst wenn (letzterCode && letzteZeit) { console.log('Code wird gescannt...') Code += e.Schlüssel } letzterCode = nächsterCode letzteZeit = nächsteZeit } } </Skript> Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
>>: Beheben von Problemen mit hoher MySQL-CPU-Auslastung
Vorwort PC Server hat sich bis heute weiterentwic...
Problembeschreibung Folgende Ergebnisse möchte ic...
1. Komplexität des Front-End-Engineerings Wenn wi...
Es gibt drei Möglichkeiten, Docker-Container mite...
Es gibt viele Möglichkeiten, Formularfelder in Vu...
Nachdem Sie Redis unter Linux installiert haben, ...
Beachten Sie, dass dies kein von vue-cli erstellt...
Optimieren von Abfragen Verwenden der Explain-Anw...
„Wir schreiben unsere nächste Reihe mobiler Produ...
Heute habe ich einen Blogbeitrag über Eingabeerei...
1. Legen Sie den übergeordneten Container auf ein...
Konzepteinführung : 1. px (Pixel): Dies ist eine ...
Der Befehl zum Löschen von Bildern im Docker laut...
Nach der Eingabe von yum in Linux erscheint die E...
Inhaltsverzeichnis Webkomponenten benutzerdefinie...