javascript键盘事件全面控制脚本代码_javascript技巧-js tutoriel-php.cn

Table des matières

Keyboard Event Handler Lab

Maison

interface Web

js tutoriel

javascript键盘事件全面控制脚本代码_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 07:04 PM

javascript 事件脚本键盘

function showKeyDown(evt) { 
    evt = (evt) ? evt : window.event 
    document.getElementById("pressKeyCode").innerHTML = 0 
    document.getElementById("upKeyCode").innerHTML = 0 
    document.getElementById("pressCharCode").innerHTML = 0 
    document.getElementById("upCharCode").innerHTML = 0 
    restoreModifiers("") 
    restoreModifiers("Down") 
    restoreModifiers("Up") 
    document.getElementById("downKeyCode").innerHTML = evt.keyCode 
    if (evt.charCode) { 
        document.getElementById("downCharCode").innerHTML = evt.charCode 
    } 
    showModifiers("Down", evt) 
} 
function showKeyUp(evt) { 
    evt = (evt) ? evt : window.event 
    document.getElementById("upKeyCode").innerHTML = evt.keyCode 
    if (evt.charCode) { 
        document.getElementById("upCharCode").innerHTML = evt.charCode 
    } 
    showModifiers("Up", evt) 
    return false 
} 
function showKeyPress(evt) { 
    evt = (evt) ? evt : window.event 
    document.getElementById("pressKeyCode").innerHTML = evt.keyCode 
    if (evt.charCode) { 
        document.getElementById("pressCharCode").innerHTML = evt.charCode 
    } 
    showModifiers("", evt) 
    return false 
} 
function showModifiers(ext, evt) { 
    restoreModifiers(ext) 
    if (evt.shiftKey) { 
        document.getElementById("shift" + ext).style.backgroundColor = "#ff0000" 
    } 
    if (evt.ctrlKey) { 
        document.getElementById("ctrl" + ext).style.backgroundColor = "#00ff00" 
    } 
    if (evt.altKey) { 
        document.getElementById("alt" + ext).style.backgroundColor = "#0000ff" 
    } 
} 
function restoreModifiers(ext) { 
    document.getElementById("shift" + ext).style.backgroundColor = "#ffffff" 
    document.getElementById("ctrl" + ext).style.backgroundColor = "#ffffff" 
    document.getElementById("alt" + ext).style.backgroundColor = "#ffffff" 
} 
</script>

<h1 id="Keyboard-Event-Handler-Lab">Keyboard Event Handler Lab</h1> 
<hr> 
<form> 
<table border="2" cellpadding="2"> 
<tr>
<th></th>
<th>onKeyDown</th>
<th>onKeyPress</th>
<th>onKeyUp</th>
</tr> 
<tr>
<th>Key Codes</th> 
    <td id="downKeyCode">0</td> 
    <td id="pressKeyCode">0</td> 
    <td id="upKeyCode">0</td> 
</tr> 
<tr>
<th>Char Codes (IE5/Mac; NN6)</th> 
    <td id="downCharCode">0</td> 
    <td id="pressCharCode">0</td> 
    <td id="upCharCode">0</td> 
</tr> 
<tr>
<th rowspan="3">Modifier Keys</th> 
    <td><span id="shiftDown">Shift</span></td> 
    <td><span id="shift">Shift</span></td> 
    <td><span id="shiftUp">Shift</span></td> 
</tr> 
<tr> 
    <td><span id="ctrlDown">Ctrl</span></td> 
    <td><span id="ctrl">Ctrl</span></td> 
    <td><span id="ctrlUp">Ctrl</span></td> 
</tr> 
<tr> 
    <td><span id="altDown">Alt</span></td> 
    <td><span id="alt">Alt</span></td> 
    <td><span id="altUp">Alt</span></td> 
</tr> 
</table> 
</form>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

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

AI Clothes Remover

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

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Afficher plus

Article chaud

Assassin's Creed Shadows: Solution d'énigmes de coquille

3 Il y a quelques semaines By DDD

Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour

2 Il y a quelques semaines By DDD

Où trouver la courte de la grue à atomide atomique

3 Il y a quelques semaines By DDD

<🎜>: Dead Rails - Comment relever chaque défi

4 Il y a quelques semaines By DDD

Guide de l'atomfall: emplacements des articles, guides de quête et conseils

4 Il y a quelques semaines By DDD

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

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

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7650

Tutoriel CakePHP

1392

Quel est le format du nom de compte de Steam

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

NYT MINI RÉPONSES DE MOTS CROSS

110

Afficher plus

Related knowledge

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 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 créer un script pour l'édition ? Tutoriel sur la création d'un script via l'édition Mar 13, 2024 pm 12:46 PM

Cutting est un outil de montage vidéo doté de fonctions d'édition complètes, d'une prise en charge de la vitesse variable, de divers filtres et effets de beauté, ainsi que de riches ressources de bibliothèque musicale. Dans ce logiciel, vous pouvez éditer des vidéos directement ou créer des scripts de montage, mais comment faire ? Dans ce tutoriel, l'éditeur présentera la méthode d'édition et de création de scripts. Méthode de production : 1. Cliquez pour ouvrir le logiciel d'édition sur votre ordinateur, puis recherchez l'option « Script de création » et cliquez pour ouvrir. 2. Dans la page du script créatif, saisissez le « titre du script », puis saisissez une brève introduction au contenu du tournage dans le plan. 3. Comment puis-je voir l'option « Description du storyboard » dans le plan ?

Comment exécuter le fichier .sh sur le système Linux ? Mar 14, 2024 pm 06:42 PM

Comment exécuter le fichier .sh sur le système Linux ? Dans les systèmes Linux, un fichier .sh est un fichier appelé script Shell, utilisé pour exécuter une série de commandes. L'exécution de fichiers .sh est une opération très courante. Cet article explique comment exécuter des fichiers .sh dans les systèmes Linux et fournit des exemples de code spécifiques. Méthode 1 : utiliser un chemin absolu pour exécuter un fichier .sh Pour exécuter un fichier .sh dans un système Linux, vous pouvez utiliser un chemin absolu pour spécifier l'emplacement du fichier. Voici les étapes spécifiques : Ouvrez le terminal

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 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 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 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

See all articles