interface Web
js tutoriel
À propos de l'utilisation des événements de bouton de souris js et des événements de bouton de clavier
À propos de l'utilisation des événements de bouton de souris js et des événements de bouton de clavier
Cet article présente principalement l'utilisation des événements de bouton de souris js et des événements de bouton de clavier. Il résume et analyse les techniques de fonctionnement courantes de JavaScript pour les événements de souris et de clavier sous forme d'exemples. Les amis dans le besoin peuvent se référer aux exemples de ceci. article
Décrit l'utilisation des événements de bouton de souris js et des événements de bouton de clavier. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
keydown, keyup, keypress : touches du clavier qui vous appartiennent
mousedown, mouseup : boutons de la souris qui vous appartiennent
agir comme des boutons Lorsqu'il est enfoncé, un événement keydown se produit.
keyup est déclenché lorsque l'utilisateur lève la touche
Le processus complet d'appui sur une touche est divisé en deux parties : 1. La pression sur la touche est enfoncée ; 2. le bouton est relâché.
Lorsque l'utilisateur appuie sur le bouton de la souris sur cet élément, un mousedown se produit
Lorsque l'utilisateur relâche le bouton de la souris sur cet élément, un mouseup se produit
Exemple
1. Quel bouton de la souris a été cliqué
<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
if (event.button==2)
{
alert("你点击了鼠标右键!")
}
else
{
alert("你点击了鼠标左键!")
}
}
</script>
</head>
<body onmousedown="whichButton(event)">
<p>请单击你鼠标的左键或右键试试</p>
</body>
</html>2. Quelles sont les coordonnées actuelles du curseur de la souris
<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X 坐标： " + x + ", Y 坐标： " + y)
}
</script>
</head>
<body onmousedown="show_coords(event)">
<p>在此文档中按下你鼠标的左键看看！</p>
</body>
</html>3. Quel est le code Unicode de la touche enfoncée
<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
alert(event.keyCode)
}
</script>
</head>
<body onkeyup="whichButton(event)">
<p>在此文档中按下你键盘上的某个键看看</p>
</body>
</html>4 Quelles sont les coordonnées du curseur actuel de la souris par rapport à l'écran
<html>
<head>
<script type="text/javascript">
function coordinates(event)
{
x=event.screenX
y=event.screenY
alert("X=" + x + " Y=" + y)
}
</script>
</head>
<body onmousedown="coordinates(event)">
<p>
点击你鼠标的左键
</p>
</body>
</html>5. Quelles sont les coordonnées actuelles du curseur de la souris
<html>
<head>
<script type="text/javascript">
function coordinates(event)
{
x=event.x
y=event.y
alert("X=" + x + " Y=" + y)
}
</script>
</head>
<body onmousedown="coordinates(event)">
<p>
点击你鼠标的左键
</p>
</body>
</html>6. La touche Maj est-elle enfoncée ?
<html>
<head>
<script type="text/javascript">
function isKeyPressed(event)
{
if (event.shiftKey==1)
{
alert("shit键按下了!")
}
else
{
alert("shit键没有按下!")
}
}
</script>
</head>
<body onmousedown="isKeyPressed(event)">
<p>按下shit键，点击你鼠标的左键</p>
</body>
</html>7. Quel élément est actuellement cliqué
<html>
<head>
<script type="text/javascript">
function whichElement(e)
{
var targ
if (!e) var e = window.event
if (e.target) targ = e.target
else if (e.srcElement) targ = e.srcElement
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode
var tname
tname=targ.tagName
alert("你点击了 " + tname + "元素")
}
</script>
</head>
<body onmousedown="whichElement(event)">
<p>在这里点击看看，这里是p</p>
<h3>或者点击这里也可以呀，这里是h3</h3>
<p>你想点我吗？？</p>
<img border="0" src="../myCode/btn.gif" width="100" height="26" alt="pic">
</body>
</html>Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. Pour plus de contenu connexe, veuillez faire attention. vers le site Web chinois PHP !
Recommandations associées :
À propos de la méthode de calcul de la taille de la pile de la pile d'appels de fonction JS
Implémentation de la technologie d'agrandissement d'image JavaScript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
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
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
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)
HP lance la souris logicielle à trois modes Professor 1 : 4 000 DPI, Blue Shadow RAW3220, prix initial de 99 yuans
Apr 01, 2024 am 09:11 AM
Selon les informations de ce site Web du 31 mars, HP a récemment lancé une souris Bluetooth à trois modes Professor1 sur JD.com, disponible dans les couleurs de thé au lait noir et blanc, avec un prix initial de 99 yuans, et un dépôt de 10 yuans est requis. . Selon les rapports, cette souris pèse 106 grammes, adopte un design ergonomique, mesure 127,02 x 79,59 x 51,15 mm, dispose de sept niveaux 4000 DPI en option, est équipée d'un capteur Blue Shadow RAW3220 et utilise une batterie de 650 mAh. être utilisé sur une seule charge 2 mois. Les informations sur les paramètres de la souris jointes à ce site sont les suivantes :
La souris et le tapis de souris sans fil Razer | Pokémon Gengar sont désormais disponibles, au prix fixe de 1 549 yuans
Jul 19, 2024 am 04:17 AM
Selon les informations de ce site du 12 juillet, Razer a annoncé aujourd'hui le lancement de la souris et du tapis de souris sans fil Razer|Pokémon Gengar. Les prix des produits individuels sont respectivement de 1 299 yuans et 299 yuans, et le prix du forfait comprenant les deux produits est de 1 549 yuans. Ce n'est pas la première fois que Razer lance des produits périphériques co-marqués Gengar. En 2023, Razer a lancé la souris de jeu Yamata Orochi V2 de style Gengar. Les deux nouveaux produits lancés cette fois utilisent tous un fond violet foncé similaire à l'apparence des familles Ghost, Ghost et Gengar. Ils sont imprimés avec les contours de ces trois Pokémon et Poké Balls, avec le personnage Gengar A au milieu. grande image colorée d’un Pokémon de type fantôme classique. Ce site a constaté que la souris sans fil Razer|Pokémon Gengar est basée sur la Viper V3 Professional Edition précédemment publiée. Son poids total est de 55 g et équipé du FOC de deuxième génération de Razer
Dans quel dossier se trouve le pilote de la souris Razer ?
Mar 02, 2024 pm 01:28 PM
De nombreux utilisateurs ne savent pas où vont les fichiers installés par leurs pilotes Razer. Ces fichiers de pilotes sont généralement installés sur le disque système, qui est le lecteur C de l'ordinateur. L'emplacement spécifique se trouve dans le dossier RAZE sous programfiles. Dans quel dossier se trouve le pilote de la souris Razer ? R : Dans le dossier RAZE sous programfiles sur le lecteur système C. Généralement, le pilote sera installé sur le lecteur C, il suffit de le trouver en fonction de l'emplacement. Introduction à la méthode d'installation du pilote de souris Razer 1. Après avoir téléchargé le fichier depuis le site officiel, double-cliquez pour exécuter le fichier EXE téléchargé. 2. Attendez que le logiciel se charge. 3. Ici, vous pouvez choisir le pilote que vous souhaitez installer. 4. Après la sélection, cliquez sur « Installer » dans le coin inférieur droit.
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
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.
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
Colorful lance la souris de jeu sans fil M900 Pro : forme ergonomique pour droite, récepteur Nano 8K, à partir de 199 yuans
Mar 23, 2024 pm 05:16 PM
Selon les informations de ce site Web le 22 mars, Delux a lancé la souris de jeu sans fil M900Pro avec une forme ergonomique pour droitier. Le premier prix de prévente commence à 199 yuans. Le Colorful M900Pro est conçu avec une ergonomie pour les droitiers et est conçu pour les utilisateurs ayant des mains moyennes à grandes. Il pèse 63 g et est pulvérisé avec un revêtement UV mat. La souris utilise le capteur PAW3395, le récepteur Nano d'origine prend en charge un taux de retour sans fil de 8 000 Hz, est équipé du micro-mouvement à points roses Huannuo et est livré en standard avec une base de chargement RVB et des autocollants antidérapants. De plus, la souris prend également en charge des fonctions telles que le réglage du LOD, la personnalisation complète des touches, le contrôle d'ondulation personnalisé et la correction de ligne droite. Elle est équipée de patins en PTFE, d'une corde de parachute de 1,6 m et d'un compartiment de rangement pour récepteur intégré. Ce site résume les paramètres spécifiques de cette souris comme suit : Couleur : noir, blanc, rouge
