OK, vamos voltar.
Então, temos um método menos que eu quero falar.
Como mencionei no vídeo de introdução aos eventos da J Korea, o método on é o que usaremos.
Noventa e nove por cento do tempo é, de longe, o método de evento Jay-yery mais utilizado.
ESTÁ BEM.
Então, vamos falar sobre como funciona é muito parecido com a baunilha.
Sim, um ouvinte de eventos.
Obviamente, é muito mais curto.
São apenas dois personagens, mas se comporta de forma semelhante, onde damos o nome do
evento que queremos ouvir.
Então, ao contrário do clique ou da tecla, pressione que só disparará em um tipo de clique de evento ou pressionar uma tecla, nos
permite especificar se estamos fazendo um clique, como estamos fazendo aqui, enviar no clique ou se estamos fazendo um duplo clique Como eu tenho aqui
o botão com um clique duplo ou um arrastar para começar ou uma tecla, pressione assim que pode assumir o lugar de todas as
coisas que você já viu com clique e pressione e todos os outros métodos aqui.
Há uma tonelada deles como scroll e enviar e alternar a tecla pressionar a tecla creeky para baixo.
Tudo isso pode ser feito com apenas o método on.
Isso funciona da mesma maneira, porém, onde precisamos selecionar algo com o sinal de dólar primeiro.
Então, vou mostrar um exemplo aqui.
Selecionamos algo neste caso todos os professores dentro do corpo dentro de algo com a idéia
de tabela de dados e então o executamos e depois o tipo do evento.
Portanto, isso é novo em comparação com o clique e pressionar a tecla, que só aceitam uma função de retorno de chamada.
Precisamos especificar o evento para o qual estamos ouvindo.
Então, clique neste caso e, em seguida, coma a função de retorno de chamada.
Queremos ser executados.
Então vamos tentar isso para atualizar minha página.
Meu AJ pediu demonstração.
Portanto, não temos ouvintes de cliques, portanto, não há cliques em que não temos pressionamentos de teclas.
Também não acontece nos nossos botões.
Vamos tentar e adicionar alguns ouvintes rápidos primeiro.
Vamos mudar a cor do H-1 quando clicamos nele.
Portanto, precisamos selecionar cada um e depois vamos fazer no primeiro argumento é o tipo de evento que é rápido e,
em seguida, nossa função de retorno de chamada.
E dentro da função de retorno de chamada se queríamos mudar a cor do H-1, poderíamos fazer
algo como esse, onde simplesmente dizemos o H-1 corajoso para nós, Color Purple, e veja se você consegue pensar por que isso pode ser um
problema.
Então eu vou entrar em Enter e funciona bem, fica roxo, mas vou copiar esse código
e atualizar a página e vou adicionar outro H-1 três deles e salvar.
Agora temos três H-1.
E se eu executar este código novamente, digo qualquer H-1 quando clicarmos sobre isso, altere todos os h para ser roxo.
Então vou tentar isso.
Todos eles mudam para o roxo, que talvez seja um recurso que queremos, mas na maioria das vezes queremos afetar
um item em que clicamos.
Então, para fazer isso tudo atualizado, precisamos usar a palavra-chave e lembrar que precisa ser o wrapper de consulta J
para isso.
Portanto, o dólar marca parênteses, isso e aquele refere-se a um H-1 ou a uma coisa que foi clicada.
E agora, se eu tocar Enter e eu tento clicar apenas nas alterações H-1 corretas para o roxo.
OK, então é assim que podemos usar para fazer um clique.
Agora vamos ver como usá-lo para uma pressão de tecla.
Então, selecionaremos a
nossa entrada como esse ponto e depois adicionaremos a tecla pressionada e o segundo argumento é a função de retorno de chamada e nós faremos um
simples registro de conses.
Então, cancele a tecla Log pressionada assim e vamos entrar.
Agora, se eu digitar uma chave aqui, pego ele pressionar toda vez que eu digitar uma chave.
Vamos tentar mais um tipo de evento aqui, vou atualizar.
Vamos fazer algo quando passamos o mouse sobre um botão.
Vamos mudar a fonte para ser em negrito quando eu passar.
Então, precisamos primeiro selecionar todos os botões assim e depois adicionar o nosso.
E o evento que usaremos é chamado Mouse Enter.
Bem desse jeito.
E começamos com apenas cancelado o log quando o mouse entrar.
Então, vamos fazer um mouse de log criado digitar assim.
E agora, se eu passar por cima, eu entro um mouse assim.
E é só quando entramos pela primeira vez no elemento.
Então, não continua a disparar uma e outra vez até eu sair e voltar.
ESTÁ BEM.
Então, quando entramos no mouse, não vamos querer registrar constantemente.
Nós vamos querer selecionar o J muito wrapper para isso e fazer o SS muito ousado, algo que precisamos para alterar
o peso da fonte.
Então, maneiras divertidas e vamos fazer isso dobrar assim e pressionar Enter.
Agora, se eu forçar, é difícil ver o que ele muda para ser ousado.
Claro que fica corajoso, nunca muda de volta.
fazendo o mesmo com o botão na saída do mouse que é outro evento e, em vez de mudá-lo para o peso da fonte.
Então, podemos adicionar esse recurso
Negrito.
Podemos mudá-lo de volta ao normal assim.
Agora, se eu deixar isso, volta ao normal.
E se eu entrar em negrito, deixo o normal.
Então, é assim que podemos fazer algo com o javascript para fazer um tipo de efeito de seleção de hover.
No entanto, com o CSSA agora podemos fazer isso facilmente sem qualquer javascript com o pseudo seletor.
E eu só queria demonstrar que existem outros eventos lá fora.
Então, todos os eventos que podemos usar com um ouvinte de eventos que podemos usar com o que o
torna realmente útil.
Como mencionei, vamos usá-lo o tempo todo.
Então, há um último ponto sobre o qual eu gostaria de fazer e como exemplo eu vou usar.
Clique e ligue.
Clique e fale sobre como eles são ligeiramente diferentes.
Então, eles, ambos, geralmente trabalharão para você.
que é que o clique só irá adicionar ouvintes de cliques para os elementos que estão na página naquele momento.
Eles vão adicionar um ouvinte rápido, mas há uma pequena diferença,
E o clique clicará nos ouvintes para todos os elementos futuros ou elementos futuros potenciais.
Então, isso terá sentido quando você fizer a lista de tarefas.
Mas, basicamente, precisamos usar o ponto no clique ao invés de clicar porque teremos que fazer que são adicionados à página
que não estão lá quando a página carrega um usuário digita um formulário e entra em cena.
E isso vai fazer um novo para fazer e queremos que os novos façam para ter seus próprios ouvintes de cliques.
Então, precisamos usar novamente, o que fará mais sentido quando realmente começamos a fazer a lista.