1
00:00:00,410 --> 00:00:05,190
Este vídeo vou pegar onde paramos e continuamos falando sobre esses três eventos Jay queery.

2
00:00:05,580 --> 00:00:10,620
Então, o próximo que eu quero apresentar é chamado Mantenha pressionado para que a pressão de tecla

3
00:00:10,620 --> 00:00:17,730
seja uma das maneiras em Jay Cory de que podemos adicionar um ouvinte de tecla para elementos para que eu mostre você nas

4
00:00:17,730 --> 00:00:24,180
docas aqui se formos a seção de eventos e olhamos a chave para baixo e a tecla pressionar e chavear estes

5
00:00:24,480 --> 00:00:30,900
são três eventos diferentes que são acionados quando um usuário digita algo no teclado e as diferenças são um pouco matizadas.

6
00:00:31,140 --> 00:00:37,950
Então, a tecla é acionada a qualquer momento que pressionamos uma tecla e é disparada logo depois de pressioná-la e então

7
00:00:37,950 --> 00:00:43,180
a tecla é disparada quando liberamos a tecla e a tecla pressionada é um pouco diferente.

8
00:00:43,230 --> 00:00:48,720
quando você pressiona uma tecla para baixo e depois solte-a para que ela represente toda a tecla pressionada para cima e para baixo.

9
00:00:48,720 --> 00:00:51,390
Algumas pessoas vão dizer-lhe que a pressão da tecla é disparada

10
00:00:51,390 --> 00:00:52,890
E isso não é verdade.

11
00:00:52,890 --> 00:00:55,790
Na verdade, dispara no meio e continua.

12
00:00:55,800 --> 00:00:57,450
Normalmente nem sempre.

13
00:00:57,450 --> 00:00:59,520
Então, temos uma excelente postagem de vazamento de pilha.

14
00:00:59,670 --> 00:01:01,580
Então eu recomendo que você leia.

15
00:01:02,160 --> 00:01:08,400
Quero apontar esta pequena peça aqui, então, desça e clique, forneça um código indicando qual tecla é

16
00:01:08,400 --> 00:01:12,370
pressionada enquanto a tecla pressiona indica qual personagem foi inserido.

17
00:01:12,810 --> 00:01:19,050
Então, um bom exemplo disso é que se eu tiver uma entrada de texto e alguém mudar de tipo e, em seguida,

18
00:01:19,050 --> 00:01:26,400
a e eles estão tentando fazer uma maiúscula uma chave para baixo e a tecla será ativada na tecla shift e na minúscula uma chave

19
00:01:27,200 --> 00:01:33,840
VS A imprensa dispara em uma maiúscula, então ele realmente me dá o personagem, não apenas que a chave é que foi pressionada

20
00:01:33,840 --> 00:01:38,520
e em que ordem, mas o caractere do resultado final real quando usamos uma tecla modificadora

21
00:01:38,790 --> 00:01:42,860
como mudança no final do dia, as três diferentes Os eventos são muito semelhantes.

22
00:01:42,930 --> 00:01:48,000
E na maioria das vezes, você consegue fugir com o uso de qualquer um deles e vou pressionar

23
00:01:48,000 --> 00:01:54,730
Shoki apenas porque é o mais comum para que a imprensa principal funcione, como clique em onde selecionamos algo com sinal de dólar.

24
00:01:54,750 --> 00:01:57,600
Então, aqui está um exemplo que seleciona algo com sinal de dólar.

25
00:01:57,600 --> 00:02:03,480
E então, mudamos a pressão de tecla e passamos uma função de retorno de chamada e essa função de retorno

26
00:02:03,480 --> 00:02:10,100
de chamada será chamada a qualquer momento em que um evento de tecla pressionada seja acionado no elemento selecionado ou coleção de elementos.

27
00:02:10,110 --> 00:02:17,520
Então eu vou demonstrar que agora vou voltar para o meu HMO e vamos adicionar um tipo de entrada igual

28
00:02:18,690 --> 00:02:19,750
ao texto assim.

29
00:02:20,250 --> 00:02:23,660
E vamos deixar isso e atualizar nossa página.

30
00:02:24,340 --> 00:02:26,090
Ok, então agora temos uma entrada aqui.

31
00:02:26,550 --> 00:02:31,900
E vamos pegar algum código que acabe de cancelar esse registro a qualquer momento, uma tecla é pressionada aqui.

32
00:02:32,190 --> 00:02:39,800
Então, abra o console e precisamos primeiro selecionar a entrada para que possamos fazer apenas entradas como essa.

33
00:02:40,380 --> 00:02:42,800
E isso não é muito específico neste caso.

34
00:02:42,810 --> 00:02:44,790
Há apenas uma entrada, então está tudo bem.

35
00:02:44,910 --> 00:02:51,480
Mas se tivéssemos caixas de seleção e se tivéssemos entradas de cores e botões de rádio, gostaríamos de

36
00:02:51,480 --> 00:02:54,740
especificar apenas onde o tipo é igual ao texto.

37
00:02:55,290 --> 00:02:57,370
Mas, agora, a entrada está bem.

38
00:02:57,390 --> 00:03:03,280
Certifique-se de que entendemos bem isso selecioná-lo, então, adicionamos essa tecla pressionada assim.

39
00:03:03,660 --> 00:03:11,480
E então dentro daqui adicionamos uma função de retorno de chamada que será chamada a qualquer momento que uma tecla for pressionada.

40
00:03:11,490 --> 00:03:21,220
Então, neste caso, vamos simplesmente cancelá-lo, você pressionou uma tecla e pressione Enter.

41
00:03:21,840 --> 00:03:24,470
E agora, se eu for aqui e eu digite uma chave.

42
00:03:24,510 --> 00:03:26,530
Então eu estou batendo a letra P agora.

43
00:03:26,910 --> 00:03:33,060
Você pode ver que eu levo pressionar a tecla e se eu digitar outra tecla. Tudo o que faz é mostrar-me um número aqui.

44
00:03:33,060 --> 00:03:34,770
É assim que o Chrome faz isso.

45
00:03:34,770 --> 00:03:38,480
Mas eu estou obtendo um log de conceito diferente como eu escrevo para cada personagem.

46
00:03:38,820 --> 00:03:44,040
Então é assim que podemos cancelar esse registro para caracterizar algo que muitas vezes queremos fazer é executar

47
00:03:44,190 --> 00:03:46,630
algum código dependendo do caracter que foi pressionado.

48
00:03:46,650 --> 00:03:52,470
fazer um novo para fazer e, em seguida, limpar a entrada para que você não precisa clicar em um botão como enviar.

49
00:03:52,890 --> 00:03:58,890
Nós estaremos fazendo um aplicativo para fazer lista com Jay Querrey, onde você pode digitar o novo para fazer como caminhar o

50
00:03:59,100 --> 00:04:01,520
cachorro e entrar e entrar nesse texto aqui e

51
00:04:01,560 --> 00:04:02,900
Você apenas pressionou a tecla enter.

52
00:04:03,180 --> 00:04:09,110
Então, o que queremos fazer é ouvir uma imprensa de chave, mas apenas fazer algo se o usuário entrar.

53
00:04:09,270 --> 00:04:12,760
Para fazer isso, precisamos mudar nosso código um pouco aqui.

54
00:04:12,840 --> 00:04:18,640
Então eu vou apenas copiar isso e eu vou atualizar a página e colá-la novamente.

55
00:04:18,660 --> 00:04:23,430
Então, ainda estamos a ouvir a tecla pressionada, mas vamos trabalhar com o objeto do evento.

56
00:04:23,440 --> 00:04:29,580
que vou chamar de evento e este objeto apenas contêm todas as informações sobre o evento de imprensa de chave.

57
00:04:29,910 --> 00:04:31,890
Eu vou adicionar um argumento aqui

58
00:04:31,890 --> 00:04:37,260
Então eu vou cancelar esse evento de log para que você possa ver isso e eu toque Enter.

59
00:04:37,260 --> 00:04:43,710
E agora, se eu digitar, você pode ver que eu estou sempre iniciando sessão em todas as ocasiões e esse evento me diz que

60
00:04:43,710 --> 00:04:45,200
o tipo é pressionado pela tecla.

61
00:04:45,210 --> 00:04:49,250
Isso me dá um carimbo de horário me dá algumas outras coisas.

62
00:04:49,350 --> 00:04:53,360
Uma das partes importantes é esse código de caracteres 106.

63
00:04:53,490 --> 00:04:56,910
Também há o código chave 1 ou 6 e existe.

64
00:04:56,910 --> 00:05:00,340
Que estão aqui e todos apontam para um ou seis.

65
00:05:00,360 --> 00:05:02,870
Existem algumas pequenas diferenças nas quais não vou entrar.

66
00:05:03,090 --> 00:05:07,650
Nós vamos ficar com qual é aquele que o J Querrey usa oficialmente também.

67
00:05:07,980 --> 00:05:11,860
Então, o que isso se refere é o código da chave que foi pressionada.

68
00:05:11,910 --> 00:05:18,540
Então, cada chave tem seu próprio código e pode mostrar aqui os códigos de caracteres javascript.

69
00:05:18,760 --> 00:05:21,900
Há uma página aqui que irá mostrá-lo de forma interativa.

70
00:05:21,900 --> 00:05:27,480
Então, se eu digitar, quero saber o que a letra vê o código correspondente.

71
00:05:27,480 --> 00:05:33,910
Em 67, se eu quiser verificar o que é entrar, preciso acertar a tecla Enter que farei agora.

72
00:05:34,180 --> 00:05:36,570
E me diz o código-chave lá no final.

73
00:05:36,870 --> 00:05:40,800
Então, esse é um dos únicos que eu conheço de cor, porque nós fazemos isso muito, onde queremos

74
00:05:40,800 --> 00:05:42,860
que algo aconteça quando você atingiu a chave Enter.

75
00:05:43,200 --> 00:05:43,440
ESTÁ BEM.

76
00:05:43,440 --> 00:05:45,390
Então, lembremos desse código-chave 13.

77
00:05:45,660 --> 00:05:52,020
Volte para o nosso código aqui e tudo o que queremos fazer é escrever uma declaração IF em vez de nosso

78
00:05:52,020 --> 00:05:54,740
ouvinte que diz se o usuário clicou em entrar.

79
00:05:54,750 --> 00:06:10,200
Então, se um evento igual a 13, isso significa que o usuário atingiu Enter e nós apenas alertem você para entrar exatamente

80
00:06:11,310 --> 00:06:18,250
assim e se livrar disso agora por causa desse log.

81
00:06:18,870 --> 00:06:23,160
Então, um usuário digita qualquer tipo de pressionamento de tecla em vez dessa entrada.

82
00:06:23,400 --> 00:06:29,160
Então, temos esse objeto de evento que agora adicionamos ao nosso retorno de chamada, que já estava sendo

83
00:06:29,160 --> 00:06:29,490
passado.

84
00:06:29,520 --> 00:06:32,880
Mesmo que deixássemos isso fora, mas não a capturamos em uma variável.

85
00:06:33,030 --> 00:06:36,160
Então, agora estamos capturando-o em uma variável chamada evento.

86
00:06:36,210 --> 00:06:39,870
Você também verá isso chamado E às vezes, mas isso pode ser chamado qualquer coisa.

87
00:06:39,870 --> 00:06:41,580
Lembre-se de tudo depende de você.

88
00:06:41,700 --> 00:06:48,150
E então, estamos verificando se a propriedade é 13, que é o código de caractere de chave de entrada.

89
00:06:48,150 --> 00:06:49,360
Clique em Enter.

90
00:06:50,040 --> 00:06:55,830
E agora vamos passar a isso e vamos digitar algumas chaves não-entradas e não recebemos esses alertas.

91
00:06:55,860 --> 00:07:01,130
Nós obtemos os logs do consul, porque configuramos o ouvinte original aqui.

92
00:07:01,980 --> 00:07:05,740
Mas agora eu estou excluindo tudo isso e vou escrever algumas coisas e então vou entrar no enter.

93
00:07:06,240 --> 00:07:08,160
E agora eu te pego entrar.

94
00:07:08,190 --> 00:07:11,960
Então, toda vez que eu digito entrar, então vou fazer isso agora.

95
00:07:12,300 --> 00:07:13,900
Isso me diz que você entra no enter.

96
00:07:14,190 --> 00:07:14,670
Tudo bem.

97
00:07:14,760 --> 00:07:19,140
Então, isso é tudo o que eu quero mostrar sobre a imprensa de chave será usar isso para fazer ou fazer lista em

98
00:07:19,140 --> 00:07:20,390
apenas alguns vídeos a partir de agora.

99
00:07:20,760 --> 00:07:24,150
E também verificaremos se o evento é 13