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

Lernen, React-Gerüste zu bauen

1. Komplexität des Front-End-Engineerings Wenn wi...

Vue verwendet Regeln zur Implementierung der Formularfeldvalidierung

Es gibt viele Möglichkeiten, Formularfelder in Vu...

So implementieren Sie eine Remote-Verbindung für Redis unter Linux

Nachdem Sie Redis unter Linux installiert haben, ...

Beispielcode für den Song-Fortschrittsbalken in Vue

Beachten Sie, dass dies kein von vue-cli erstellt...

Strategie zur Optimierung der Leistung von MySQL-Datenbankabfragen

Optimieren von Abfragen Verwenden der Explain-Anw...

Umfassendes Verständnis der Überwachung von HTML-Formulareingaben

Heute habe ich einen Blogbeitrag über Eingabeerei...

So erreichen Sie ein zentriertes Layout im CSS-Layout

1. Legen Sie den übergeordneten Container auf ein...

So löschen Sie ein Image in Docker

Der Befehl zum Löschen von Bildern im Docker laut...