1
00:00:00,410 --> 00:00:05,580
Cette vidéo, je vais reprendre là où nous nous sommes arrêtés et continuer à parler de ces trois événements Jay Queery.

2
00:00:05,580 --> 00:00:31,020
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.

3
00:00:31,140 --> 00:00:43,180
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.

4
00:00:43,230 --> 00:00:51,390
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.

5
00:00:51,390 --> 00:00:52,890
Et ce n'est pas vrai.

6
00:00:52,890 --> 00:00:55,790
Il se déclenche réellement entre le bas et continuez.

7
00:00:55,800 --> 00:00:57,450
Habituellement pas toujours.

8
00:00:57,450 --> 00:00:59,520
Donc, nous avons un grand poste de débordement de pile.

9
00:00:59,670 --> 00:01:01,580
Je vous recommande donc de lire.

10
00:01:02,160 --> 00:01:12,370
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é.

11
00:01:12,810 --> 00:01:42,860
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.

12
00:01:42,930 --> 00:01:54,730
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.

13
00:01:54,750 --> 00:01:57,600
Voici donc un exemple qui sélectionne quelque chose avec un signe dollar.

14
00:01:57,600 --> 00:02:10,100
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.

15
00:02:10,110 --> 00:02:19,750
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.

16
00:02:20,250 --> 00:02:23,660
Et nous allons laisser à cela et rafraîchir notre page.

17
00:02:24,340 --> 00:02:26,090
OK, maintenant nous avons une entrée ici.

18
00:02:26,550 --> 00:02:31,900
Et obtenons un code qui annulera ce journal à chaque fois qu'une touche est pressée ici.

19
00:02:32,190 --> 00:02:39,800
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.

20
00:02:40,380 --> 00:02:42,800
Et ce n'est pas très précis dans ce cas.

21
00:02:42,810 --> 00:02:44,790
Il n'y a qu'une seule entrée, alors ça va.

22
00:02:44,910 --> 00:02:54,740
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.

23
00:02:55,290 --> 00:02:57,370
Mais pour l'instant l'entrée est très bien.

24
00:02:57,390 --> 00:03:03,280
Assurez-vous que nous obtenons le droit qui le sélectionne alors nous ajoutons cette presse de touche juste comme ça.

25
00:03:03,660 --> 00:03:11,480
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.

26
00:03:11,490 --> 00:03:21,220
Donc, dans ce cas, il suffit d'annuler le journal que vous avez appuyé sur une touche et appuyez sur Entrée.

27
00:03:21,840 --> 00:03:24,470
Et maintenant si je vais ici et je taper une clé.

28
00:03:24,510 --> 00:03:26,530
Je frappe donc la lettre P en ce moment.

29
00:03:26,910 --> 00:03:33,060
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.

30
00:03:33,060 --> 00:03:34,770
C'est comme ça que Chrome le fait.

31
00:03:34,770 --> 00:03:38,480
Mais je reçois un journal de concept différent que je tape pour chaque personnage.

32
00:03:38,820 --> 00:03:46,630
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é.

33
00:03:46,650 --> 00:04:01,520
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.

34
00:04:01,560 --> 00:04:02,900
Vous venez d'appuyer sur la touche Entrée.

35
00:04:03,180 --> 00:04:09,110
Donc, ce que nous voulons faire est d'écouter une touche de presse, mais seulement faire quelque chose si l'utilisateur frappe entrer.

36
00:04:09,270 --> 00:04:12,760
Pour ce faire nous avons besoin de changer notre code un peu ici.

37
00:04:12,840 --> 00:04:18,640
Donc je vais juste copier cela et je vais rafraîchir la page et coller ce retour en.

38
00:04:18,660 --> 00:04:23,430
Donc, nous sommes toujours à l'écoute de la presse, mais nous allons travailler avec l'objet événement.

39
00:04:23,440 --> 00:04:31,890
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.

40
00:04:31,890 --> 00:04:37,260
Donc, je vais simplement annuler cet événement de journalisation pour que vous puissiez le voir et que je touche.

41
00:04:37,260 --> 00:04:45,200
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.

42
00:04:45,210 --> 00:04:49,250
Il me donne un horodatage me donne quelques autres choses.

43
00:04:49,350 --> 00:04:53,360
L'une des parties importantes est ce code char 106.

44
00:04:53,490 --> 00:04:56,910
Il ya aussi le code clé 1 ou 6 et il y a.

45
00:04:56,910 --> 00:05:00,340
Ceux qui sont ici et ils indiquent tous un ou six.

46
00:05:00,360 --> 00:05:02,870
Il ya quelques légères différences que je n'entrerai pas.

47
00:05:03,090 --> 00:05:07,840
Nous allons nous contenter de ce qui est celui que les documents J Querrey utiliser officiellement ainsi.

48
00:05:07,980 --> 00:05:11,860
Donc ce que cela fait référence à est le code de la clé qui a été pressée.

49
00:05:11,910 --> 00:05:18,540
Donc chaque clé a son propre code et il peut vous montrer ici les codes de caractères javascript.

50
00:05:18,760 --> 00:05:21,900
Il ya une page ici qui vous montrera interactivement.

51
00:05:21,900 --> 00:05:27,480
Donc, si je tape je veux savoir ce que la lettre voir le code correspondant est.

52
00:05:27,480 --> 00:05:33,910
À 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.

53
00:05:34,180 --> 00:05:36,570
Et il me dit code clé là-bas à la fin.

54
00:05:36,870 --> 00:05:42,860
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.

55
00:05:43,200 --> 00:05:43,440
D'ACCORD.

56
00:05:43,440 --> 00:05:45,390
Rappelons donc que le code clé 13.

57
00:05:45,660 --> 00:05:54,740
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.

58
00:05:54,750 --> 00:06:18,250
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.

59
00:06:18,870 --> 00:06:23,160
Ainsi, un utilisateur tape n'importe quel type de pression de touche au lieu de cette entrée.

60
00:06:23,400 --> 00:06:29,490
Ensuite, nous avons cet objet d'événement que nous avons maintenant ajouté à notre rappel qui était déjà il était passé en.

61
00:06:29,520 --> 00:06:32,880
Même si nous avons oublié cela, mais nous ne l'avons pas capturé dans une variable.

62
00:06:33,030 --> 00:06:36,160
Donc, maintenant, nous le capturer dans une variable appelée événement.

63
00:06:36,210 --> 00:06:39,870
Vous verrez également ce que l'on appelle E parfois, mais cela peut être appelé quelque chose.

64
00:06:39,870 --> 00:06:41,580
Rappelez-vous que c'est totalement à vous.

65
00:06:41,700 --> 00:06:48,150
Ensuite, nous vérifions si la propriété est 13, qui est le code de saisie du caractère.

66
00:06:48,150 --> 00:06:49,360
Appuyez sur Entrée.

67
00:06:50,040 --> 00:06:55,830
Et maintenant, nous allons passer à cela et nous allons taper quelques clés non entrer et nous ne recevons pas ces alertes.

68
00:06:55,860 --> 00:07:01,130
Nous obtenons les journaux du consul parce que nous avons installé l'auditeur original ici.

69
00:07:01,980 --> 00:07:05,740
Mais maintenant je suis je supprimer tout cela et je vais taper quelques choses et puis je vais frapper entrer.

70
00:07:06,240 --> 00:07:08,160
Et maintenant je vous ai frappé entrer.

71
00:07:08,190 --> 00:07:11,960
Donc, chaque fois que je tape entrer alors je vais le faire dès maintenant.

72
00:07:12,300 --> 00:07:13,900
Il me dit que vous frappez entrer.

73
00:07:14,190 --> 00:07:14,670
D'accord.

74
00:07:14,760 --> 00:07:20,390
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.