L'éditeur de Downcodes vous présente la nouvelle application de bureau de chatbot Claude AI d'Anthropic ! Cette application est désormais officiellement en ligne et prend en charge les systèmes Mac et Windows. Les utilisateurs peuvent la télécharger gratuitement via le site officiel d'Anthropic. Par rapport à la version Web, l'application de bureau offre une expérience interactive plus pratique et plus rapide, permettant aux utilisateurs de parler à Claude à tout moment et en tout lieu, améliorant ainsi l'efficacité du travail et de l'apprentissage. Cet article présentera en détail les fonctionnalités fonctionnelles, les avantages et la comparaison avec d'autres chatbots IA de l'application de bureau Claude, et répondra à quelques questions courantes pour vous donner une compréhension complète de ce puissant outil d'IA.
En JavaScript, il est courant d'obtenir le code de touche du clavier correspondant via le nom de la touche (c'est-à-dire le nom de la touche enfoncée par l'utilisateur), qui est principalement utilisé pour le traitement des événements du clavier. Les méthodes d'obtention de keyCode incluent l'écoute des événements du clavier, l'utilisation de l'attribut event.key et la recherche de la table de mappage keyCode correspondante. Parmi elles, l’écoute des événements du clavier est la méthode la plus directe. Lorsque l'utilisateur appuie sur une touche, le navigateur déclenchera un événement clavier (tel que keydown, keyup). Cet objet événement contient des informations pertinentes sur le fonctionnement du clavier, parmi lesquelles event.keyCode (désormais obsolète, il est recommandé d'utiliser event.code ou event. .key) est le keyCode que nous voulons obtenir.
Afin d'obtenir le keyCode du clavier via le nom de la touche, vous devez d'abord écouter les événements du clavier. En Javascript, cela peut être réalisé en ajoutant des écouteurs d'événements. Ici, nous prenons l'événement keydown comme exemple. Cet événement sera déclenché lorsque l'utilisateur appuie sur n'importe quelle touche.
document.addEventListener('keydown', function(event) {
console.log(nom de la touche enfoncée : + event.key);
console.log(KeyCode de la touche enfoncée : + event.keyCode) // Non recommandé ;
console.log (il est recommandé d'utiliser event.code : + event.code) ;
});
Ce code écoutera l'événement keydown de l'ensemble du document. Chaque fois qu'une touche est enfoncée, le nom de la touche actuelle (event.key), le keyCode obsolète (event.keyCode) et l'event.code recommandé seront imprimés. event.key fournit un nom lisible par l'homme pour la clé, tandis que event.code fournit un codage de clé plus stable et standardisé, plus adapté à l'identification de clés physiques spécifiques.
La propriété event.key renvoie le nom de la clé. Pour la plupart des situations où le keyCode doit être obtenu via le nom de la clé, l'utilisation directe de event.key est suffisante pour répondre aux besoins. Par rapport à keyCode ou charCode, l'avantage de event.key est qu'il peut renvoyer directement un nom de clé facile à comprendre, tel que Enter, ArrowLeft, etc., il n'est donc pas nécessaire de vérifier la valeur keyCode correspondante.
Cependant, si vous avez vraiment besoin de keyCode dans votre scénario, vous devrez peut-être créer vous-même une table de mappage de event.key à keyCode, ou utiliser les fonctions de bibliothèque pour vous aider à réaliser ce mappage.
const keyMap = {
Entrez : 13,
FlècheGauche : 37,
FlècheDroite : 39,
// Remplir plus de mappages de touches
} ;
document.addEventListener('keydown', function(event) {
if (keyMap[event.key]) {
console.log(KeyCode mappé : + keyMap[event.key]);
}
});
Il existe de nombreuses tables de mappage de codes de clé et de noms de clés préprogrammées sur Internet. Dans certains cas spécifiques, lorsque vous connaissez le nom de touche spécifique appuyé par l'utilisateur et souhaitez obtenir le keyCode correspondant, vous pouvez directement interroger ces tables de mappage. Cependant, il est important de noter que puisque keyCode a été progressivement supprimé et n'est plus recommandé, l'approche recommandée consiste à utiliser event.key ou event.code autant que possible. Cette approche, même si elle a encore sa place dans certains projets existants, ne doit pas être considérée comme une solution à long terme.
Bien que event.key et event.code offrent un moyen plus moderne et standardisé de gérer les événements du clavier, il reste encore quelques détails à prendre en compte en ce qui concerne la compatibilité entre navigateurs. Certaines anciennes versions de navigateurs peuvent ne pas prendre en charge ces propriétés. Par conséquent, lors du développement, assurez-vous d'effectuer la détection des fonctionnalités correspondantes ou utilisez Polyfill pour fournir une prise en charge de secours.
document.addEventListener('keydown', function(event) {
let key = event.key ||
console.log (touche enfoncée : touche + );
});
Dans ce code, l'opérateur || est utilisé pour essayer d'abord d'obtenir la valeur de event.key ; si elle n'existe pas (ce qui peut se produire dans les anciens navigateurs), il revient à utiliser event.keyCode.
Bien qu'il soit techniquement possible d'obtenir le keyCode à partir du nom de la clé de différentes manières, avec le développement de la technologie Web, la nécessité d'utiliser directement le keyCode diminue progressivement. De nouvelles API telles que event.key et event.code offrent un moyen plus intuitif et standardisé de gérer les événements du clavier. Par conséquent, face à de telles exigences, la pratique privilégiée devrait être d’utiliser ces API modernes tout en respectant les considérations de compatibilité pour les navigateurs plus anciens.
1. Comment obtenir le keyCode du clavier à partir du nom de la touche en utilisant JavaScript ?
Lorsque l'utilisateur déclenche un événement clavier, nous pouvons obtenir le keyCode du clavier à partir du nom de la touche via JavaScript. Cela peut être fait en suivant ces étapes :
Tout d’abord, écoutez les événements du clavier, tels que l’événement de pression sur le clavier, l’événement de levage du clavier ou l’événement de saisie de caractères. Dans la fonction de traitement d'événements, l'événement objet événement est obtenu, qui peut être transmis via des paramètres ou obtenu via window.event. Utilisez event.keyCode pour obtenir le keyCode du clavier.Voici un exemple de code :
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode; console.log('Keycode:', keyCode);});Comment obtenir le nom de clé correspondant en fonction de keyCode ?JavaScript fournit l'interface KeyboardEvent, qui peut être utilisée pour obtenir le nom de clé correspondant au code de la clé. Ceci peut être obtenu à l'aide des propriétés KeyboardEvent.key ou KeyboardEvent.code, selon que vous souhaitez obtenir le nom réel de la clé ou la primitive de clé codée en dur générée par le navigateur.
Voici un exemple de code :
document.addEventListener('keydown', function(event) { var keyName = event.key; console.log('Keyname:', keyName);}); Comment obtenir le keyCode du clavier compatible avec les différents navigateurs ?Différents navigateurs peuvent avoir des noms légèrement différents pour les propriétés de l'objet événement. Ainsi, lors de l'obtention du code clé du clavier, celui-ci doit être compatible avec différents navigateurs.
Vous pouvez utiliser le code suivant pour être compatible avec différents navigateurs :
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode || event.which || event.charCode; console.log('Keycode: ', keyCode);});Dans cet exemple, nous utilisons l'opérateur logique OR || pour obtenir les attributs d'événement clavier les plus courants et garantir que le keyCode du clavier est correctement obtenu dans plusieurs navigateurs.
Espérons que cet article vous aidera à mieux comprendre comment gérer les événements du clavier et obtenir le keyCode en JavaScript. L'éditeur de Downcodes continuera de vous apporter encore plus de conseils pratiques !