Der Herausgeber von Downcodes führt Sie durch die neu veröffentlichte Chatbot-Desktopanwendung Claude AI von Anthropic! Diese Anwendung ist jetzt offiziell online und unterstützt Mac- und Windows-Systeme. Benutzer können sie kostenlos über die offizielle Anthropic-Website herunterladen. Im Vergleich zur Webversion bietet die Desktop-Anwendung ein komfortableres und schnelleres interaktives Erlebnis, sodass Benutzer jederzeit und überall mit Claude sprechen können, was die Arbeits- und Lerneffizienz verbessert. In diesem Artikel werden die Funktionsmerkmale, Vorteile und der Vergleich mit anderen KI-Chatbots der Claude-Desktopanwendung ausführlich vorgestellt und einige häufig gestellte Fragen beantwortet, um Ihnen ein umfassendes Verständnis dieses leistungsstarken KI-Tools zu vermitteln.
In JavaScript ist es üblich, den entsprechenden Tastatur-Tastencode über den Tastennamen (dh den Namen der vom Benutzer gedrückten Taste) abzurufen, der hauptsächlich für die Verarbeitung von Tastaturereignissen verwendet wird. Zu den Methoden zum Erhalten von keyCode gehören das Abhören von Tastaturereignissen, die Verwendung des event.key-Attributs und das Nachschlagen der entsprechenden keyCode-Zuordnungstabelle. Unter diesen ist das Abhören von Tastaturereignissen die direkteste Methode. Wenn der Benutzer eine Taste drückt, löst der Browser ein Tastaturereignis aus (z. B. Keydown, Keyup). Dieses Ereignisobjekt enthält relevante Informationen zur Tastaturbedienung, darunter event.keyCode (jetzt veraltet, es wird empfohlen, event.code oder Ereignis zu verwenden). .key)-Attribut ist der Schlüsselcode, den wir erhalten möchten.
Um den Tastencode der Tastatur über den Tastennamen zu erhalten, müssen Sie zunächst die Tastaturereignisse abhören. In Javascript kann dies durch das Hinzufügen von Ereignis-Listenern erreicht werden. Hier nehmen wir das Keydown-Ereignis als Beispiel. Dieses Ereignis wird ausgelöst, wenn der Benutzer eine beliebige Taste drückt.
document.addEventListener('keydown', function(event) {
console.log(Name der gedrückten Taste: + event.key);
console.log(KeyCode der gedrückten Taste: + event.keyCode); // Nicht empfohlen
console.log (empfohlene Verwendung von event.code: + event.code);
});
Dieser Code wartet auf das Keydown-Ereignis des gesamten Dokuments. Immer wenn eine Taste gedrückt wird, werden der Name der aktuellen Taste (event.key), der veraltete keyCode (event.keyCode) und der empfohlene event.code gedruckt. event.key bietet einen für Menschen lesbaren Namen für den Schlüssel, während event.code eine stabilere und standardisiertere Schlüsselcodierung bereitstellt, die sich besser zur Identifizierung bestimmter physischer Schlüssel eignet.
Die Eigenschaft event.key gibt den Namen des Schlüssels zurück. In den meisten Situationen, in denen der Schlüsselcode über den Schlüsselnamen abgerufen werden muss, reicht die direkte Verwendung von event.key aus, um die Anforderungen zu erfüllen. Im Vergleich zu keyCode oder charCode besteht der Vorteil von event.key darin, dass es direkt einen leicht verständlichen Schlüsselnamen wie Enter, ArrowLeft usw. zurückgeben kann, sodass der entsprechende keyCode-Wert nicht überprüft werden muss.
Wenn Sie keyCode in Ihrem Szenario jedoch wirklich benötigen, müssen Sie möglicherweise selbst eine Zuordnungstabelle von event.key zu keyCode erstellen oder Bibliotheksfunktionen verwenden, um diese Zuordnung zu vervollständigen.
const keyMap = {
Geben Sie ein: 13,
Pfeil nach links: 37,
ArrowRight: 39,
// Weitere Schlüsselzuordnungen ausfüllen
};
document.addEventListener('keydown', function(event) {
if (keyMap[event.key]) {
console.log(Mapped keyCode: + keyMap[event.key]);
}
});
Im Internet gibt es viele vorprogrammierte Schlüsselcode- und Schlüsselnamen-Zuordnungstabellen. In bestimmten Fällen, wenn Sie den vom Benutzer gedrückten spezifischen Tastennamen kennen und den entsprechenden Schlüsselcode erhalten möchten, können Sie diese Zuordnungstabellen direkt abfragen. Es ist jedoch wichtig zu beachten, dass der empfohlene Ansatz darin besteht, nach Möglichkeit event.key oder event.code zu verwenden, da keyCode ausläuft und nicht mehr empfohlen wird. Dieser Ansatz hat zwar immer noch seinen Platz in einigen Altprojekten, sollte aber nicht als langfristige Lösung betrachtet werden.
Während event.key und event.code eine modernere und standardisiertere Möglichkeit bieten, Tastaturereignisse zu verarbeiten, gibt es dennoch einige Details zu beachten, wenn es um die browserübergreifende Kompatibilität geht. Einige ältere Browserversionen unterstützen diese Eigenschaften möglicherweise nicht. Stellen Sie daher bei der Entwicklung sicher, dass Sie eine entsprechende Funktionserkennung durchführen, oder verwenden Sie Polyfill, um eine Fallback-Unterstützung bereitzustellen.
document.addEventListener('keydown', function(event) {
let key = event.key ||. event.keyCode;
console.log(gedrückte Taste: + Taste);
});
In diesem Code wird der Operator || verwendet, um zunächst zu versuchen, den Wert von event.key abzurufen. Wenn dieser nicht vorhanden ist (was in alten Browsern vorkommen kann), wird auf event.keyCode zurückgegriffen.
Obwohl es technisch möglich ist, keyCode auf verschiedene Arten aus dem Schlüsselnamen zu erhalten, nimmt mit der Entwicklung der Web-Technologie die Notwendigkeit, keyCode direkt zu verwenden, allmählich ab. Neue APIs wie event.key und event.code bieten eine intuitivere und standardisiertere Möglichkeit, Tastaturereignisse zu verarbeiten. Daher sollte angesichts solcher Anforderungen die bevorzugte Vorgehensweise darin bestehen, diese modernen APIs zu verwenden und gleichzeitig Kompatibilitätsüberlegungen für ältere Browser beizubehalten.
1. Wie erhalte ich mithilfe von JavaScript den Tastencode der Tastatur aus dem Tastennamen?
Wenn der Benutzer ein Tastaturereignis auslöst, können wir über JavaScript den Schlüsselcode der Tastatur aus dem Tastennamen abrufen. Dies kann durch die folgenden Schritte erfolgen:
Hören Sie sich zunächst Tastaturereignisse an, z. B. das Tastendruck-Ereignis „KeyDown“, das Ereignis „Tasten-Heben“ oder das Ereignis „Tastendruck“ bei der Zeicheneingabe. In der Ereignisverarbeitungsfunktion wird das Ereignisobjektereignis abgerufen, das über Parameter übergeben oder über window.event abgerufen werden kann. Verwenden Sie event.keyCode, um den KeyCode der Tastatur abzurufen.Hier ist ein Beispielcode:
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode; console.log('Keycode:', keyCode);});Wie erhalte ich den entsprechenden Schlüsselnamen basierend auf keyCode?JavaScript stellt die KeyboardEvent-Schnittstelle bereit, mit der der dem Tastencode entsprechende Tastenname abgerufen werden kann. Dies kann über die Eigenschaften „KeyboardEvent.key“ oder „KeyboardEvent.code“ abgerufen werden, je nachdem, ob Sie den tatsächlichen Namen der Taste oder das vom Browser generierte hartcodierte Tastenprimitiv erhalten möchten.
Hier ist ein Beispielcode:
document.addEventListener('keydown', function(event) { var keyName = event.key; console.log('Keyname:', keyName);}); Wie erhalte ich den KeyCode der Tastatur, die mit verschiedenen Browsern kompatibel ist?Verschiedene Browser haben möglicherweise leicht unterschiedliche Benennungen für die Eigenschaften des Ereignisobjekts. Wenn Sie also den Tastencode der Tastatur abrufen, muss dieser mit verschiedenen Browsern kompatibel sein.
Sie können den folgenden Code verwenden, um mit verschiedenen Browsern kompatibel zu sein:
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode || event.which || event.charCode; console.log('Keycode: ', keyCode);});In diesem Beispiel verwenden wir den logischen ODER-Operator ||, um die häufigsten Tastaturereignisattribute abzurufen und sicherzustellen, dass der Tastatur-KeyCode in mehreren Browsern korrekt abgerufen wird.
Hoffentlich hilft Ihnen dieser Artikel dabei, besser zu verstehen, wie Sie mit Tastaturereignissen umgehen und keyCode in JavaScript abrufen. Der Herausgeber von Downcodes wird Ihnen weiterhin weitere praktische Tipps geben!