Cette vidéo, je vais reprendre là où nous nous sommes arrêtés et continuer à parler de ces trois événements Jay Queery.
Donc, le prochain que je veux présenter est appelé Gardez la pression de sorte que la pression sur les touches est l'une des façons de Jay Cory que nous pouvons ajouter un écouteur de pression sur les éléments que je vais vous montrer sur les quais ici si nous descendons à la Événement et nous regardons la touche vers le bas et appuyez sur la touche et la touche jusqu'à ce sont trois événements différents qui sont déclenchés lorsqu'un utilisateur tape quelque chose sur le clavier et les différences sont un peu nuancées.
Donc, la touche vers le bas est déclenchée à chaque fois que nous appuyons sur une touche et il est tiré juste après que nous l'appuyons vers le bas et puis la clé est tiré quand nous relâcher la touche et la pression des touches est un peu différent.
Certaines personnes vous diront que la pression sur une touche est déclenchée lorsque vous appuyez sur une touche, puis relâchez-la pour qu'elle représente l'ensemble de la touche enfoncée vers le haut et vers le bas.
Et ce n'est pas vrai.
Il se déclenche réellement entre le bas et continuez.
Habituellement pas toujours.
Donc, nous avons un grand poste de débordement de pile.
Je vous recommande donc de lire.
Je tiens à souligner ce petit morceau ici donc la touche vers le bas et la clé fournissent un code indiquant quelle touche est pressée tandis que la touche indique quel caractère a été entré.
Donc, un bon exemple de ceci est que si j'ai une saisie de texte et les types de changement de type et puis un et ils essaient de faire une touche en majuscules vers le bas et clouer le feu sur la touche shift et sur la minuscule une touche VS Appuyez sur va tirer sur une majuscule a donc il me donne effectivement le caractère non seulement que la clé est qui ont été pressés et dans quel ordre, mais le caractère de résultat final réel lorsque nous utilisons une touche de modification comme shift à la fin de la journée les trois différents Les événements sont très semblables.
Et la plupart du temps, vous pouvez vous en sortir avec l'un d'entre eux et je vais à la presse Shoki juste parce que c'est le plus commun pour la presse presse fonctionne comme Click où nous sélectionnons quelque chose avec le signe dollar.
Voici donc un exemple qui sélectionne quelque chose avec un signe dollar.
Ensuite, nous changeons de pression de touche et nous passons dans une fonction de rappel et cette fonction de rappel est appelée chaque fois qu'un événement de pression de touche est déclenché sur l'élément sélectionné ou la collection d'éléments.
Donc je vais démontrer que maintenant je vais revenir à mon HMO et ajoutons dans un type d'entrée égal à un texte comme ça.
Et nous allons laisser à cela et rafraîchir notre page.
OK, maintenant nous avons une entrée ici.
Et obtenons un code qui annulera ce journal à chaque fois qu'une touche est pressée ici.
Alors ouvrez la console et nous devons d'abord sélectionner l'entrée afin que nous puissions simplement faire des entrées comme ça.
Et ce n'est pas très précis dans ce cas.
Il n'y a qu'une seule entrée, alors ça va.
Mais si nous avions des cases à cocher et si nous avions des entrées de couleur et des boutons radio nous voudrions spécifier seulement où le type est égal au texte.
Mais pour l'instant l'entrée est très bien.
Assurez-vous que nous obtenons le droit qui le sélectionne alors nous ajoutons cette presse de touche juste comme ça.
Et puis à l'intérieur d'ici, nous ajoutons une fonction de rappel qui sera appelée chaque fois qu'une touche est pressée.
Donc, dans ce cas, il suffit d'annuler le journal que vous avez appuyé sur une touche et appuyez sur Entrée.
Et maintenant si je vais ici et je taper une clé.
Je frappe donc la lettre P en ce moment.
Vous pouvez voir que je vous appuie à la touche et si je tape une autre clé Tout ce qu'il fait est de me montrer un numéro ici.
C'est comme ça que Chrome le fait.
Mais je reçois un journal de concept différent que je tape pour chaque personnage.
Donc, c'est comme cela que nous pourrions annuler ce journal au caractère quelque chose que nous voulons souvent faire est d'exécuter un code en fonction du caractère qui a été pressé.
Nous allons faire une liste de choses à faire avec Jay Querrey où vous pouvez taper de nouvelles à faire comme Walk the dog et appuyez sur Entrée et qui prendra alors ce texte ici et faire un nouveau à faire et puis effacer l'entrée de sorte que vous Ne pas avoir à cliquer sur un bouton comme soumettre.
Vous venez d'appuyer sur la touche Entrée.
Donc, ce que nous voulons faire est d'écouter une touche de presse, mais seulement faire quelque chose si l'utilisateur frappe entrer.
Pour ce faire nous avons besoin de changer notre code un peu ici.
Donc je vais juste copier cela et je vais rafraîchir la page et coller ce retour en.
Donc, nous sommes toujours à l'écoute de la presse, mais nous allons travailler avec l'objet événement.
Je vais ajouter un argument ici je l'appellerai événement et cet objet contiendra tout simplement toutes les informations sur l'événement key press.
Donc, je vais simplement annuler cet événement de journalisation pour que vous puissiez le voir et que je touche.
Et maintenant, si je tape, vous pouvez voir que je suis constamment connecté à l'événement à chaque fois et cet événement me dit que le type est touche presse.
Il me donne un horodatage me donne quelques autres choses.
L'une des parties importantes est ce code char 106.
Il ya aussi le code clé 1 ou 6 et il y a.
Ceux qui sont ici et ils indiquent tous un ou six.
Il ya quelques légères différences que je n'entrerai pas.
Nous allons nous contenter de ce qui est celui que les documents J Querrey utiliser officiellement ainsi.
Donc ce que cela fait référence à est le code de la clé qui a été pressée.
Donc chaque clé a son propre code et il peut vous montrer ici les codes de caractères javascript.
Il ya une page ici qui vous montrera interactivement.
Donc, si je tape je veux savoir ce que la lettre voir le code correspondant est.
À 67 si je veux vérifier ce que entrer est que j'ai besoin de frapper la touche d'entrée que je vais faire maintenant.
Et il me dit code clé là-bas à la fin.
Donc, c'est l'un des seuls que je connaisse par cœur parce que nous faisons cela beaucoup où nous voulons que quelque chose se produise lorsque vous appuyez sur la touche Entrée.
D'ACCORD.
Rappelons donc que le code clé 13.
Revenez à notre code ici et tout ce que nous voulons faire est d'écrire une instruction IF au lieu de notre auditeur qui dit si l'utilisateur appuyez sur Entrée.
Donc, si un événement qui est égal à 13, cela signifie que l'utilisateur a frappé entrer et nous allons juste alerte que vous frappez entrer juste comme ça et se débarrasser de cela pour l'instant à cause de ce journal.
Ainsi, un utilisateur tape n'importe quel type de pression de touche au lieu de cette entrée.
Ensuite, nous avons cet objet d'événement que nous avons maintenant ajouté à notre rappel qui était déjà il était passé en.
Même si nous avons oublié cela, mais nous ne l'avons pas capturé dans une variable.
Donc, maintenant, nous le capturer dans une variable appelée événement.
Vous verrez également ce que l'on appelle E parfois, mais cela peut être appelé quelque chose.
Rappelez-vous que c'est totalement à vous.
Ensuite, nous vérifions si la propriété est 13, qui est le code de saisie du caractère.
Appuyez sur Entrée.
Et maintenant, nous allons passer à cela et nous allons taper quelques clés non entrer et nous ne recevons pas ces alertes.
Nous obtenons les journaux du consul parce que nous avons installé l'auditeur original ici.
Mais maintenant je suis je supprimer tout cela et je vais taper quelques choses et puis je vais frapper entrer.
Et maintenant je vous ai frappé entrer.
Donc, chaque fois que je tape entrer alors je vais le faire dès maintenant.
Il me dit que vous frappez entrer.
D'accord.
Donc, c'est tout ce que je veux montrer sur les touches de presse sera d'utiliser cette liste pour faire ou à faire dans quelques vidéos à partir de maintenant.