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-Experiment: Verwenden von Explain zur Analyse des Indextrends

Überblick Die Indizierung ist eine Fähigkeit, die...

Verwenden Sie HTML und CSS, um Ihren eigenen warmen Mann „Dabai“ zu erstellen.

Das Endergebnis sieht so aus, ist es nicht süß … ...

Attribute im Vue V-For-Loop-Objekt

Inhaltsverzeichnis 1. Werte innerhalb von Schleif...

Schritte zur Installation von Pyenv unter Deepin

Vorwort In der Vergangenheit habe ich die Python-...

Führen Sie die Schritte zum Erstellen eines Squid-Proxyservers unter Linux aus.

Vorwort Dieser Artikel stellt hauptsächlich die r...

Detaillierte Erklärung zum Schreiben von MySQL ungleich null und gleich null

1. Tabellenstruktur 2. Tabellendaten 3. Das Abfra...

Detaillierte Erläuterung der allgemeinen Schritte zur SQL-Anweisungsoptimierung

Vorwort In diesem Artikel erfahren Sie hauptsächl...

Detaillierter Vergleich von Ember.js und Vue.js

Inhaltsverzeichnis Überblick Warum ein Framework ...

Lösungen für den Fehler und die Ungültigkeit beim Öffnen von nginx.pid

Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...

MySQL-Datenbanktabellendesign mit Baumstruktur

Inhaltsverzeichnis Vorwort 1. Basisdaten 2. Verer...

So testen Sie die Netzwerkgeschwindigkeit mit JavaScript

Inhaltsverzeichnis Vorwort Zusammenfassung des Pr...