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

Beispielcode für den dynamischen CSS-Ladebalkeneffekt

Mit dem Wissen über CSS-Variablen werde ich den C...

Implementierungsbeispiel für Scan-Code-Zahlung im Vue-Projekt (mit Demo)

Inhaltsverzeichnis Nachfragehintergrund Gedankena...

Zusammenfassung gängiger Befehle für Ubuntu-Server

Die meisten der folgenden Befehle müssen in der K...

Ein kleines Problem mit Nullwerten in MySQL

Heute habe ich beim Testen des Nullwertes ein kle...

Tutorial zur Installation von Pycharm und Ipython unter Ubuntu 16.04/18.04

Unter Ubuntu 18.04 1. sudo apt install python ins...

Tutorial zur Installation und Verwendung von virtualenv in Deepin

virtualenv ist ein Tool zum Erstellen isolierter ...

Tutorial zur Installation von mysql5.7.23 auf Ubuntu 18.04

In diesem Artikel erfahren Sie, wie Sie mysql5.7....

So verbessern Sie die Sicherheit von Linux- und Unix-Servern

Netzwerksicherheit ist ein sehr wichtiges Thema u...

So verwenden Sie async await elegant in JS

Inhaltsverzeichnis $.ajax von jQuery Der Beginn d...

Mehrere Möglichkeiten, Axios in Vue zu kapseln

Inhaltsverzeichnis Basisversion Schritt 1: Axios ...

Tiefgreifendes Verständnis der logischen Architektur von MySQL

MySQL ist heute die Datenbank, die von den meiste...

Analyse und Lösung des abnormalen Problems beim Laden von JAR in Tomcat

Beschreibung des Phänomens: Das Projekt verwendet...