So erhalten Sie USB-Scannerdaten mit js

So erhalten Sie USB-Scannerdaten mit js

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:
  • Detaillierte Code-Erklärung der Idee, JavaScript zu verwenden, um den vom Scanner gescannten Barcode abzurufen
  • js-Methode zum Abrufen der Eingabedaten des Barcode-Scanners
  • JS realisiert die Funktion zum Scannen von QR-Codes mit Barcode-Scanner

<<:  Tomcat-Ausnahmelösung (Ungültiges Zeichen im Anforderungsziel gefunden. Die gültigen Zeichen sind in RFC 7230 und RFC 3986 definiert)

>>:  Beheben von Problemen mit hoher MySQL-CPU-Auslastung

Artikel empfehlen

MySQL-Lernhinweise: Daten-Engine

Sehen Sie sich die von der aktuellen Datenbank un...

Lösung für Indexfehler in MySQL aufgrund unterschiedlicher Feldzeichensätze

Was ist ein Index? Warum einen Index erstellen? I...

Zusammenfassung einiger gängiger Methoden des JavaScript-Arrays

Inhaltsverzeichnis 1. So erstellen Sie ein Array ...

Implementieren einer benutzerdefinierten Bildlaufleiste mit nativem JS

In diesem Artikelbeispiel wird der spezifische JS...

Einige Punkte, auf die wir beim Entwurf einer Webseite achten sollten

Webdesign: Je nach persönlichen Vorlieben und Inha...

So verwenden Sie den Linux-Befehl md5sum

01. Befehlsübersicht md5sum - MD5-Prüfcode berech...

CSS3 ändert den Bildlaufleistenstil des Browsers

Hinweis: Diese Methode ist nur auf WebKit-basiert...

Tiefgreifendes Verständnis der MySQL-Selbstverbindung und Join-Assoziation

1. MySQL-Selbstverbindung MySQL muss beim Abfrage...