Este vídeo vou pegar onde paramos e continuamos falando sobre esses três eventos Jay queery.
Então, o próximo que eu quero apresentar é chamado Mantenha pressionado para que a pressão de tecla
seja uma das maneiras em Jay Cory de que podemos adicionar um ouvinte de tecla para elementos para que eu mostre você nas
docas aqui se formos a seção de eventos e olhamos a chave para baixo e a tecla pressionar e chavear estes
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.
Então, a tecla é acionada a qualquer momento que pressionamos uma tecla e é disparada logo depois de pressioná-la e então
a tecla é disparada quando liberamos a tecla e a tecla pressionada é um pouco diferente.
quando você pressiona uma tecla para baixo e depois solte-a para que ela represente toda a tecla pressionada para cima e para baixo.
Algumas pessoas vão dizer-lhe que a pressão da tecla é disparada
E isso não é verdade.
Na verdade, dispara no meio e continua.
Normalmente nem sempre.
Então, temos uma excelente postagem de vazamento de pilha.
Então eu recomendo que você leia.
Quero apontar esta pequena peça aqui, então, desça e clique, forneça um código indicando qual tecla é
pressionada enquanto a tecla pressiona indica qual personagem foi inserido.
Então, um bom exemplo disso é que se eu tiver uma entrada de texto e alguém mudar de tipo e, em seguida,
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
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
e em que ordem, mas o caractere do resultado final real quando usamos uma tecla modificadora
como mudança no final do dia, as três diferentes Os eventos são muito semelhantes.
E na maioria das vezes, você consegue fugir com o uso de qualquer um deles e vou pressionar
Shoki apenas porque é o mais comum para que a imprensa principal funcione, como clique em onde selecionamos algo com sinal de dólar.
Então, aqui está um exemplo que seleciona algo com sinal de dólar.
E então, mudamos a pressão de tecla e passamos uma função de retorno de chamada e essa função de retorno
de chamada será chamada a qualquer momento em que um evento de tecla pressionada seja acionado no elemento selecionado ou coleção de elementos.
Então eu vou demonstrar que agora vou voltar para o meu HMO e vamos adicionar um tipo de entrada igual
ao texto assim.
E vamos deixar isso e atualizar nossa página.
Ok, então agora temos uma entrada aqui.
E vamos pegar algum código que acabe de cancelar esse registro a qualquer momento, uma tecla é pressionada aqui.
Então, abra o console e precisamos primeiro selecionar a entrada para que possamos fazer apenas entradas como essa.
E isso não é muito específico neste caso.
Há apenas uma entrada, então está tudo bem.
Mas se tivéssemos caixas de seleção e se tivéssemos entradas de cores e botões de rádio, gostaríamos de
especificar apenas onde o tipo é igual ao texto.
Mas, agora, a entrada está bem.
Certifique-se de que entendemos bem isso selecioná-lo, então, adicionamos essa tecla pressionada assim.
E então dentro daqui adicionamos uma função de retorno de chamada que será chamada a qualquer momento que uma tecla for pressionada.
Então, neste caso, vamos simplesmente cancelá-lo, você pressionou uma tecla e pressione Enter.
E agora, se eu for aqui e eu digite uma chave.
Então eu estou batendo a letra P agora.
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.
É assim que o Chrome faz isso.
Mas eu estou obtendo um log de conceito diferente como eu escrevo para cada personagem.
Então é assim que podemos cancelar esse registro para caracterizar algo que muitas vezes queremos fazer é executar
algum código dependendo do caracter que foi pressionado.
fazer um novo para fazer e, em seguida, limpar a entrada para que você não precisa clicar em um botão como enviar.
Nós estaremos fazendo um aplicativo para fazer lista com Jay Querrey, onde você pode digitar o novo para fazer como caminhar o
cachorro e entrar e entrar nesse texto aqui e
Você apenas pressionou a tecla enter.
Então, o que queremos fazer é ouvir uma imprensa de chave, mas apenas fazer algo se o usuário entrar.
Para fazer isso, precisamos mudar nosso código um pouco aqui.
Então eu vou apenas copiar isso e eu vou atualizar a página e colá-la novamente.
Então, ainda estamos a ouvir a tecla pressionada, mas vamos trabalhar com o objeto do evento.
que vou chamar de evento e este objeto apenas contêm todas as informações sobre o evento de imprensa de chave.
Eu vou adicionar um argumento aqui
Então eu vou cancelar esse evento de log para que você possa ver isso e eu toque Enter.
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
o tipo é pressionado pela tecla.
Isso me dá um carimbo de horário me dá algumas outras coisas.
Uma das partes importantes é esse código de caracteres 106.
Também há o código chave 1 ou 6 e existe.
Que estão aqui e todos apontam para um ou seis.
Existem algumas pequenas diferenças nas quais não vou entrar.
Nós vamos ficar com qual é aquele que o J Querrey usa oficialmente também.
Então, o que isso se refere é o código da chave que foi pressionada.
Então, cada chave tem seu próprio código e pode mostrar aqui os códigos de caracteres javascript.
Há uma página aqui que irá mostrá-lo de forma interativa.
Então, se eu digitar, quero saber o que a letra vê o código correspondente.
Em 67, se eu quiser verificar o que é entrar, preciso acertar a tecla Enter que farei agora.
E me diz o código-chave lá no final.
Então, esse é um dos únicos que eu conheço de cor, porque nós fazemos isso muito, onde queremos
que algo aconteça quando você atingiu a chave Enter.
ESTÁ BEM.
Então, lembremos desse código-chave 13.
Volte para o nosso código aqui e tudo o que queremos fazer é escrever uma declaração IF em vez de nosso
ouvinte que diz se o usuário clicou em entrar.
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
assim e se livrar disso agora por causa desse log.
Então, um usuário digita qualquer tipo de pressionamento de tecla em vez dessa entrada.
Então, temos esse objeto de evento que agora adicionamos ao nosso retorno de chamada, que já estava sendo
passado.
Mesmo que deixássemos isso fora, mas não a capturamos em uma variável.
Então, agora estamos capturando-o em uma variável chamada evento.
Você também verá isso chamado E às vezes, mas isso pode ser chamado qualquer coisa.
Lembre-se de tudo depende de você.
E então, estamos verificando se a propriedade é 13, que é o código de caractere de chave de entrada.
Clique em Enter.
E agora vamos passar a isso e vamos digitar algumas chaves não-entradas e não recebemos esses alertas.
Nós obtemos os logs do consul, porque configuramos o ouvinte original aqui.
Mas agora eu estou excluindo tudo isso e vou escrever algumas coisas e então vou entrar no enter.
E agora eu te pego entrar.
Então, toda vez que eu digito entrar, então vou fazer isso agora.
Isso me diz que você entra no enter.
Tudo bem.
Então, isso é tudo o que eu quero mostrar sobre a imprensa de chave será usar isso para fazer ou fazer lista em
apenas alguns vídeos a partir de agora.
E também verificaremos se o evento é 13