Méthode simple jQuery pour obtenir le clavier events_jquery
L'exemple de cet article décrit comment jQuery obtient simplement les événements du clavier. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
1. Quand devons-nous obtenir des événements de clavier
Lorsque nous travaillons sur le web, pour un design plus humain, nous utilisons parfois des événements clavier. Par exemple : boîte d'invite déroulante de la zone de saisie, utilisez le clavier haut et bas pour sélectionner le contenu souhaité, boîte d'invite déroulante de la zone de saisie de Google. Lorsque nous parcourons l'album photo, nous pouvons utiliser les touches gauche et droite du clavier pour visualiser les photos. Lorsque l'on parcourt un long roman, il est facile de perdre la trace de la ligne à lire en faisant défiler avec la souris. Vous pouvez utiliser les touches haut et bas du clavier pour tourner les pages. Ces petits détails sont également très importants. Créer un site Web dépend en grande partie des détails.
2. Types de fonctions du clavier de jquery
1. L'événement keydown est un événement déclenché lorsque le clavier est enfoncé
2. L'événement keyup est un événement déclenché lorsqu'une touche est enfoncée et que la touche est relâchée
3. L'événement keypress est un événement déclenché lorsque le clavier est enfoncé
Keypress et keydown ont des fonctions similaires, mais ils sont différents dans l'obtention du contenu de l'événement.
2. Exemples
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off">
</body>
</html>
<script type="text/javascript">
$('#search_input')
.keypress(function(event){
alert("keypress");
})
.keydown(function(event){
alert("keydown");
})
.keyup(function(event){
alert("keyup");
});
</script>
3. Résultats des tests
1. Dans la zone de saisie ci-dessus, lors de la saisie d'une lettre r, la touche enfoncée apparaîtra pour la première fois et une pression sur la touche sera invitée à l'avenir
2. Lorsque nous appuyons sur pg dn銉, keyup apparaîtra d'abord, puis keydown
3. Lorsque nous appuyons sur Shift+c, seule la pression sur la touche
apparaîtra
4. Lorsque nous appuyons sur ctrl+alt, la touche enfoncée n'apparaîtra pas. Deux touches enfoncées apparaîtront pour la première fois. Lorsque nous appuyons dessus pour la deuxième fois, la touche enfoncée apparaîtra en premier, puis la touche enfoncée
Il existe de nombreuses possibilités, il suffit d'essayer le phénix couramment utilisé.
4. Obtenez la valeur ASCII correspondant à l'événement clavier
<script type="text/javascript">
$('#search_input')
.keydown(function(event){
alert(event.keyCode);
})
</script>
Les lecteurs intéressés par plus de contenu lié aux opérations d'événements jQuery peuvent consulter le sujet spécial de ce site : "Résumé de l'utilisation et des techniques courantes des événements jQuery"
J'espère que cet article sera utile à tous ceux qui programment jQuery.
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)
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.
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.
Ai Stone lance le clavier à axe magnétique NA87 MAG à 87 touches : structure Asat, taux de retour de 8 KHz, 199 yuans
Mar 31, 2024 pm 04:41 PM
Selon les informations de ce site Web du 31 mars, Aitou a récemment lancé un modèle de clavier à axe magnétique à 87 touches « NA87MAG » sur JD.com. Le prix standard est de 219 yuans. Si vous payez un dépôt de 10 yuans, vous bénéficierez d'une remise immédiate. de 20 yuans sur le paiement final. Le prix réel est de 199 yuans. Selon les rapports, ce clavier utilise une structure Asat et est censé offrir « une qualité sonore de frappe de niveau HIFI et une sensation de robustesse constante ». Les utilisateurs peuvent également ajuster la sensation du clavier en remplaçant différents pads pour obtenir une personnalisation de robuste à douce. Exigences de commutation. De plus, ce clavier est également équipé d'une « structure interne de jeu tridimensionnelle », qui serait capable de concentrer le son de chaque touche grâce à une conception fermée à une seule touche dans un format d'échiquier, « obtenant ainsi un rendu tridimensionnel ». optimisation du son" ; il dispose également de 16,8 millions de couleurs de lumière RVB. De plus, ce clavier comporte Le
Le clavier mécanique à trois modes Lingbao K87 / PRO est en vente pour la première fois : structure de joint, corps d'arbre de capuchon de touche en option, à partir de 99 yuans
Jul 20, 2024 am 01:35 AM
Selon les informations de ce site Web du 19 juillet, le clavier mécanique à trois modes Lingbao K87/PRO sera en vente ce soir à 20 heures. Les principales différences entre les deux versions sont les différences d'arbre/couleur/batterie. équipé d'une batterie de 4000 mAh, la version PRO est équipée d'une batterie de 8000 mAh. Les informations de prix compilées par ce site Web sont les suivantes : K87 Light Cloud White : 99 yuans K87 Night Purple/Xiaguang Purple/Sunny Mountain Blue : 149 yuans. Dust Grey/Star Daisy Purple : 199 yuans K87PRO : 249 yuans Selon les rapports, ce clavier adopte une structure de joint, utilise une disposition de disposition à 80 %, est disponible dans une variété de couleurs, intègre des lumières RVB à faible luminosité et prend en charge connexion à trois modes 2,4G (1KHz)/filaire (1KHz)/Bluetooth (125Hz) ). En termes de spécifications, les claviers de la série sont en option
Keychron lance le clavier mécanique à trois modes Q10 Max : configuration Alice à 75 %, prix à partir de 1 238 yuans
Mar 08, 2024 am 08:40 AM
Selon les informations de ce site du 7 mars, Keychron a lancé aujourd'hui le clavier mécanique à trois modes Q10Max. Le clavier adopte une configuration Alice à 75 %. Le kit de touches sans arbre est au prix de 1 238 yuans. Le clavier équipé de l'arbre Jupiter personnalisé et des touches PBT est au prix de 1 358 yuans. Magasin phare de Tmall. Le clavier mécanique Q10Max appartient à la série Keychron QMax à trois modes « Aluminium Tuo Tuo », qui propose un certain nombre de claviers avec différentes dispositions telles que Q1/Q2/Q3/Q5/Q6/Q60/Q65Max sur le marché. ▲ Caractéristiques du clavier Keychron Q10Max Le corps du Q10Max est fabriqué à partir d'un processus CNC en aluminium 6063, utilisant 75 % de configuration Alice, et le responsable affirme qu'il « s'adapte au poignet humain ».
Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page
Feb 28, 2024 pm 09:06 PM
Titre : jQuery Astuces : Modifier rapidement le texte de toutes les balises a de la page En développement web, nous avons souvent besoin de modifier et d'exploiter des éléments de la page. Lorsque vous utilisez jQuery, vous devez parfois modifier le contenu textuel de toutes les balises de la page en même temps, ce qui peut économiser du temps et de l'énergie. Ce qui suit explique comment utiliser jQuery pour modifier rapidement le texte de toutes les balises a de la page et donne des exemples de code spécifiques. Tout d'abord, nous devons introduire le fichier de la bibliothèque jQuery et nous assurer que le code suivant est introduit dans la page : <
