Was ist ein Keycode-Info Tool?
Ein Keycode-Info-Tool erfasst ein Tastaturereignis im Browser und zeigt die Felder, die Entwickler normalerweise beim Erstellen von Shortcut-Handlern oder Zugänglichkeitsinteraktionen inspizieren. Diese Implementierung zeichnet einen Keydown auf der On-Page-Capture-Taste auf und druckt den Schlüsselwert, den physischen Code, den Legacy-KeyCode, den Schlüsselstandort und die Zustände Strg, Alt, Shift und Meta-Modifier. Es ist absichtlich leicht, so dass es keine Keyup-Ereignisse, Ereignissequenzen, wiederholtes Timing oder IME-Zusammensetzungsdetails protokolliert.
So verwenden Sie das Keycode-Info Tool
- 1Klicken Sie auf das Capture-Feld mit der Aufschrift Klicken Sie hier und drücken Sie dann eine Taste, so dass die Taste den Tastaturfokus hat.
- 2Drücken Sie die Taste oder Verknüpfungskombination, die Sie inspizieren möchten, und lassen Sie die Seite das Keydown-Ereignis erfassen.
- 3Lesen Sie den Key-Ereignisausgabebereich für die Flags Schlüssel, Code, KeyCode, Ort und Modifikator und wiederholen Sie den Vorgang dann mit einem anderen Schlüssel, wenn Sie Ergebnisse vergleichen müssen.
Häufige Anwendungsfälle für Keycode-Prüfung
Keyboard Shortcuts erstellen
Bestätigen Sie die genaue Tasten- und Modifikatorkombination, die Ihre App erhält, bevor Sie Befehlspaletten, Editor-Verknüpfungen oder Navigations-Hotkeys verkabeln.
Vergleich von physikalischen und logischen Schlüsseln
Überprüfen Sie, wie sich Code und Schlüssel in internationalen Layouts unterscheiden oder ob derselbe physische Schlüssel ein anderes Zeichen erzeugt, als Sie erwarten.
Debugging Legacy KeyVerwendung
Erfassen Sie den älteren keyCode-Wert neben modernen Feldern, wenn Sie weiterhin Codepfade oder Bibliotheken unterstützen, die auf älteren Tastaturen APIs basieren.
Häufig gestellte Fragen
Zeichnet dieses Tool alles auf, was ich auf der Seite tippe?
Nein. Es erfasst nur das Keydown, das an die dedizierte fokussierbare Schaltfläche gesendet wird, nachdem Sie darauf geklickt haben, und die erfassten Werte bleiben auf der Seite, anstatt an einen Remotedienst gesendet zu werden.
Warum können Schlüssel und Code für dieselbe Presse unterschiedlich sein?
Der Schlüssel spiegelt normalerweise das Zeichen oder die logische Aktion wider, die von Ihrem Layout erzeugt wird, während der Code die physische Schlüsselposition identifiziert. Beide sind nützlich, wenn das Shortcut-Verhalten Layoutänderungen überleben muss.