Maison interface Web js tutoriel Méthode JS pour obtenir les touches appuyées sur le clavier et les afficher sur la page_javascript skills

Méthode JS pour obtenir les touches appuyées sur le clavier et les afficher sur la page_javascript skills

May 16, 2016 pm 03:33 PM
js 按键 显示 键盘

L'exemple de cet article décrit la méthode JS pour obtenir les touches enfoncées sur le clavier et les afficher sur la page. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Veuillez utiliser le clavier pour saisir certains caractères, et ces caractères seront affichés dans l'espace vide de la page Web. N'êtes-vous pas habitué au manque de zones de texte ou de champs de texte ? Cet effet est l'application de l'objet document.onkeypress en JavaScript, qui surveille chaque mouvement du clavier et enregistre les touches enfoncées. C'est intéressant. Amis qui veulent étudier JS, commençons par ces petits exemples.

La capture d'écran de l'effet en cours d'exécution est la suivante :

L'adresse de la démo en ligne est la suivante :

http://demo.jb51.net/js/2015/js-web-show-key-press-codes/

Le code spécifique est le suivant :

<html>
<head>
<title>将按下的按键显示在页面上</title>
<script language="javascript">
<!--
 str = "";
 function showkey(){
  asc = event.keyCode;
  key = String.fromCharCode(asc);
  str += key;
  txt.innerHTML = str;
 }
 document.onkeypress=showkey;
-->
</script>
</head>
<body>
请使用键盘输入文字:
<div id="txt"></div>
</body>
</html>
Copier après la connexion

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment taper souligné sur le clavier ? Comment taper uniquement souligner sans taper ? Comment taper souligné sur le clavier ? Comment taper uniquement souligner sans taper ? Feb 22, 2024 pm 07:46 PM

Ajustez la méthode de saisie sur l'anglais et maintenez la touche Maj et la touche moins enfoncées. Modèle applicable du didacticiel : Lenovo AIO520C Système : Windows 10 Édition Professionnelle : Microsoft Office Word 2022 Analyse 1 Vérifiez d'abord la saisie en chinois et en anglais de la méthode de saisie et ajustez-la en anglais. 2Maintenez ensuite enfoncées simultanément la touche Maj et la touche Moins de votre clavier. 3 Vérifiez l'interface pour voir les mots soulignés. Supplément : Comment saisir rapidement un soulignement dans un document Word 1. Si vous devez saisir un soulignement dans Word, sélectionnez l'espace avec la souris, puis sélectionnez le type de soulignement dans le menu de police pour saisir. Résumé/Remarques : assurez-vous de modifier la méthode de saisie en anglais avant de continuer, sinon le trait de soulignement ne pourra pas être saisi avec succès.

Saisie automatique du clavier sur un ordinateur portable Windows Saisie automatique du clavier sur un ordinateur portable Windows Feb 19, 2024 pm 05:33 PM

Les périphériques d'entrée informatiques tels que le clavier et la souris nécessitent une intervention humaine et ne peuvent pas fonctionner de manière indépendante. Il en va de même pour le pavé tactile et le clavier des ordinateurs portables Windows. Le texte n'est pas automatiquement saisi et le clic de la souris n'est pas automatique. Si quelque chose d’inhabituel se produit, il doit y avoir une raison. Si vous rencontrez des problèmes de saisie automatique sur le clavier d'un ordinateur portable, suivez le guide pour les résoudre. Clavier sur un ordinateur portable Windows tapant automatiquement Lorsque le clavier de votre ordinateur portable Windows tape automatiquement, voici comment y remédier. Vérifiez le clavier manuellement Assurez-vous que le clavier fonctionne correctement Vérifiez si l'ordinateur portable est connecté à distance Vérifiez si des programmes de saisie automatique sont en cours d'exécution Exécutez une analyse de logiciels malveillants Ajustez les paramètres du clavier Réinstallez le pilote du clavier Nous le saurons en détail

Comment attribuer des boutons Copilot sur n'importe quel clavier dans Windows 11 Comment attribuer des boutons Copilot sur n'importe quel clavier dans Windows 11 Feb 20, 2024 am 10:33 AM

Les claviers d'ordinateur Windows 11 qui seront lancés dans les prochains mois disposeront d'une nouvelle touche Copilot. Cette touche permet aux utilisateurs d'entrer facilement en mode copilote en appuyant sur un bouton désigné sans mettre à niveau un nouveau PC. Ce guide détaillera comment configurer le bouton copilote sur n'importe quel clavier Windows 11. Microsoft a récemment annoncé avoir réalisé d'importants progrès dans la conduite assistée par l'intelligence artificielle. Windows 11 ajoutera une clé Copilot dédiée pour améliorer encore l'expérience des utilisateurs de PC. Ce changement matériel représente la première mise à niveau majeure des claviers PC Windows depuis trente ans. Dans les mois à venir, les nouveaux ordinateurs Windows 11 présenteront un nouveau design de touches Copilot sur le clavier

Les produits de la série de claviers et de souris « Elden's Circle » co-marqués par VGN sont désormais sur les étagères : thème personnalisé Lani / Faded One, à partir de 99 yuans Les produits de la série de claviers et de souris « Elden's Circle » co-marqués par VGN sont désormais sur les étagères : thème personnalisé Lani / Faded One, à partir de 99 yuans Aug 12, 2024 pm 10:45 PM

Selon les informations de ce site le 12 août, VGN a lancé le 6 août la série de claviers et de souris co-marqués « Elden Ring », comprenant des claviers, des souris et des tapis de souris, conçus avec un thème personnalisé de Lani/Faded One. de produits Il a été mis sur JD.com, au prix de 99 yuans. Les informations sur les nouveaux produits co-marqués jointes à ce site sont les suivantes : Clavier VGN丨Elden Law Ring S99PRO Ce clavier utilise une coque en alliage d'aluminium pur, complétée par une structure de silencieux à cinq couches, utilise une structure à ressort à lames GASKET, a un seul -PCB à fente pour touches et capuchons de touches en matériau PBT de hauteur d'origine, fond de panier personnalisé en alliage d'aluminium ; prend en charge la connexion à trois modes et la technologie à faible latence SMARTSPEEDX connectée au VHUB, il peut gérer plusieurs appareils en un seul arrêt, à partir de 549 yuans ; VGN丨Elden French Ring F1PROMAX souris sans fil la souris

Comment définir le skin du clavier WeChat Comment définir le skin du clavier WeChat Comment définir le skin du clavier WeChat Comment définir le skin du clavier WeChat Mar 13, 2024 am 09:04 AM

Comment définir le skin du clavier WeChat ? WeChat Keyboard est un logiciel de méthode de saisie sur téléphone mobile très intelligent. Ce logiciel possède de nombreuses fonctions conviviales. Il permet aux utilisateurs de choisir leur propre mode de saisie et de trouver les expressions qu'ils souhaitent envoyer le plus rapidement possible. Ce logiciel permet également aux utilisateurs de modifier eux-mêmes le skin du clavier. De nombreux utilisateurs ne savent pas comment changer le skin. L'éditeur ci-dessous a compilé les méthodes de changement de skin pour votre référence. Comment définir l'apparence du clavier WeChat Dans WeChat, SMS ou d'autres applications qui nécessitent l'utilisation du clavier de votre téléphone, vous pouvez cliquer sur l'icône des paramètres de la méthode de saisie dans le coin supérieur gauche du clavier pour accéder à la page des paramètres et afficher la fonction. options de configuration pour diverses méthodes de saisie. 2. Cliquez sur « Skin personnalisé » sur la page des paramètres de la méthode de saisie.

Le clavier mécanique à trois modes Maicong K87 ajoute les versions « axe jacinthe » et « axe crème glacée » : structure de joint, le prix initial commence à 299 yuans Le clavier mécanique à trois modes Maicong K87 ajoute les versions « axe jacinthe » et « axe crème glacée » : structure de joint, le prix initial commence à 299 yuans Feb 29, 2024 pm 05:00 PM

Selon les informations de ce site Web du 29 février, Maicong a lancé aujourd'hui deux versions de « Hyacinth Switch » et « Glazed Ice Cream Switch » pour le clavier mécanique à trois modes K87. Le clavier présente une « structure de joint, disposition à 80 % » et un arbre associé. claviers Les informations sur le prix sont les suivantes : Version « Hyacinth Switch » : le prix initial est de 299 yuans. Version « Liuguang Ice Cream Switch » : le prix initial est de 379 yuans. Selon les rapports, la série de claviers utilise une structure de joint, 87 touches 80. % disposition, retournement complet des touches et prise en charge thermique. Pour le branchement et le débranchement, il prétend utiliser des « touches PBT bicolores originales/MDA », utilise un PCB à fente à touche unique de 1,2 mm (position inférieure de la lampe), est équipé de RVB. Effets de lumière et dispose d'une conception de plaque signalétique à absorption magnétique. De plus, ce clavier est équipé d'une batterie de 6000 mAh et d'un délai sans fil de 3 ms. La taille officielle et la taille du clavier n'ont pas été annoncées.

Comment définir la méthode de saisie manuscrite sur le clavier mobile Apple Comment définir la méthode de saisie manuscrite sur le clavier mobile Apple Mar 08, 2024 pm 02:30 PM

Les utilisateurs de clavier mobile Apple souhaitent configurer la méthode de saisie manuscrite, mais ne savent pas comment le faire. C'est en fait très simple. Les utilisateurs peuvent sélectionner directement la méthode de saisie manuscrite dans les paramètres du clavier du téléphone. Sinon, ils peuvent également l'ajouter manuellement. une méthode de saisie manuscrite. Comment définir la méthode de saisie manuscrite sur le clavier du téléphone mobile Apple A : Activer la méthode de saisie manuscrite directement dans les paramètres du clavier 1. Lorsque les utilisateurs Apple utilisent la méthode de saisie, la méthode de saisie manuscrite est activée par défaut. 2. Les utilisateurs doivent simplement cliquer et maintenir le coin inférieur gauche pour sélectionner la méthode de saisie manuscrite lors de la saisie. 3. Si l'utilisateur ne dispose pas d'une méthode de saisie manuscrite sur son téléphone mobile, il peut également l'ajouter manuellement. 4. L'utilisateur saisit les paramètres, recherche les paramètres du clavier universel et ajoute l'option de saisie manuscrite au premier clavier. 5. Utilisez la méthode de saisie manuscrite pour

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Apr 03, 2024 am 11:55 AM

La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web

See all articles