OK, vamos voltar o próximo recurso que quero abordar é o botão X aqui.
Então, quando clicamos neste X, ele realmente deve remover o todo Para fazer isso, não apenas acinzentado,
mas deve realmente desaparecer e excluir.
Então, parece assim na versão final.
Nós não temos o mesmo ícone para clicar nas mesmas cores ou na animação, mas a funcionalidade
quando eu clicar em algo deve ser a mesma.
Então, digamos que terminei com pratos.
Desaparece e depois desaparece.
E não está mais aqui, ele desapareceu completamente.
ESTÁ BEM.
A primeira coisa que queremos fazer é ouvir um clique em qualquer um desses exes.
E na nossa época, Tim lembrarei que fizemos cada uma uma extensão para que possamos facilmente fazer isso.
Caso contrário, se tivéssemos apenas um X como parte da mentira, não há como determinar se o nosso clique está no
X ou se está no resto do caminho.
Então, acabamos de estar lá e agora iremos para um javascript e vamos adicionar outro comentário.
Clique em X para excluir para fazer, então vamos começar com o evento de clique.
Então sinal de dólar.
Selecione tudo spand E você clicará novamente e então precisamos de uma função de retorno de chamada
e, em vez de nossa devolução de chamada, vamos fazer outro clique em um espaço assim e vamos voltar atualizar, clicamos na mentira,
nada acontece.
Assim que clicamos no intervalo, recebemos um alerta que diz que você clicou nesta extensão.
Há um pequeno problema que talvez você ainda não tenha notado quando eu clicar no intervalo e
depois clicar no X. Recebo o alerta que eu espero obter, mas também preste muita atenção à medida que descartei o alerta.
Também obtemos os estilos que vêm do evento de clique.
Então, o que isso nos diz é que o evento de spam está disparando e, depois, o evento do clique está
disparando também.
E isso faz sentido porque nossos limites estão dentro dos aliados.
Então, quando clicamos em um intervalo quando eu clicar neste período, por exemplo, no meio, inspecionei-o, estou
clicando neste período, mas isso também é espanhol dentro do aliado.
Então, de outra perspectiva, estou clicando na mentira.
clicando no poço, porque todos estes são em vez de um UL ou no contêiner de identificação
div ou no corpo ou no elemento da equipe que um clique nesse período está passando você conhece cinco ou seis diferentes camadas.
Mas, de outra perspectiva, estou
Então, quando adicionamos o ouvinte de eventos ao span ou ao aliado ou se tivemos um ouvinte de eventos
e todos eles que vou mostrar agora.
Então, vamos adicionar outro ouvinte de eventos aqui e este estará na vontade e nós apenas
alertaremos sobre o UIL e faremos um outro.
E este será no contêiner de identificação divx e isso dirá clicar em div de contêineres e,
de fato, o fará no corpo também.
E isso vai dizer clique no corpo.
ESTÁ BEM.
Então, clicamos no intervalo que é em vez de um aliado em vez de uma UL em vez
do recipiente dentro do corpo.
Agora vamos prestar atenção quando atualizamos a ordem em que as coisas disparam.
Então, primeiro, eu clico no intervalo e me diz que clicou no intervalo e então eu não sei se você notou, mas o evento
do evento do clique faz bem, é assim que conseguimos os estilos lá.
E, em seguida, o bem clique evento, em seguida, o recipiente div e, em seguida, o corpo finalmente.
Então esse exemplo ilustra um fenômeno chamado borbulhamento de eventos.
O que acontece é que este evento inicialmente é desencadeado no intervalo e é aí que ele se origina.
Mas, em seguida, borbulha em dois elementos parentes.
Então, ele se espalha na mentira e ele irá desencadear qualquer tipo de eventos de clique e, a partir daí, ele borbulha
até a lata para o poço, que irá desencadear qualquer evento de clique bem e assim por diante até que ele atinja
o elemento HTL onde ele pára para evitar o mentira.
Clique no manipulador de disparar quando clicamos no intervalo que está dentro do Y.
O que podemos fazer é realmente dizer ao evento dentro do espaço para não mais borbulhar.
Apenas para parar em suas pistas e não desencadear outros eventos no elemento pai.
Então vou mostrar-te aqui.
Tudo o que precisamos fazer em vez deste ouvinte rápida de alcance que adicionamos no objeto de evento.
E, novamente, isso pode ser chamado E event T.
Qualquer nome que você deseja que o mais comum seja evento ou e.
E então, o que faremos é adicionar um método chamado propagação de parada de eventos.
E este é um método de codificação J que irá parar o evento de borbulhar.
Então, ele disparará no espaço, mas não continuará com o ouvinte ou qualquer um desses que temos
para esse assunto.
Então, se nós salvar e atualizar.
E agora eu clico em um intervalo, eu ainda consigo clicar no span e então ele pára.
Nós não recebemos nenhum dos outros ouvintes que nós tínhamos configurado para disparar outro, nós temos o ouvinte
do alcance configurado corretamente.
Vamos preenchê-lo com o código correto.
O que precisávamos fazer é quando clicamos em um intervalo, voltarei ao navegador quando clicarmos em
um desses.
Queremos remover essa mentira para que a mentira que a contém possa atualizar.
Eu clico nesta extensão que precisa remover essa mentira e, para fazer isso, podemos começar a partir do período, usando
o sinal de dólar, e se nós apenas fizermos dólares com isso, remova ou desapareça, mas começamos a remover.
E voltamos.
Tudo o que acontece é que a extensão desaparece.
Nós agora estamos removendo a extensão.
Precisamos remover o elemento envolvente e Shakeri nos dá uma maneira muito agradável e fácil de fazer isso.
Tudo o que temos a fazer é escrever este pais remover e isso realmente nos dará o elemento pai como um
elemento de consulta.
Então, este é um período em que clicamos no pai nos dá a mentira remover removerá todo o aliado.
Então, agora, se eu atualizar, você pode ver isso desaparecer e atualizar novamente.
Mas se eu clicar sobre a marcha, ele apenas verifica a última melhoria que podemos fazer é, em
vez de removê-lo imediatamente.
Está desaparecido.
Então, vamos fazer um ponto desaparecer e começar lá, volte a atualizar, clicamos e desaparece.
Mas lembre-se de apenas montá-lo não o remove.
inspecionamos em vez de nosso bem, nós ainda temos três para fazer é que apenas dois deles não exibem nenhum.
Ainda está aqui se
E não queremos que isso aconteça.
Imagine que tivemos mil para perder que tivemos excluído.
Bem, não queremos atrasar as coisas ao ter mil elementos escondidos em nossa página.
Então, o que faremos em vez disso é usar remover, mas lembre-se que não funciona apenas para fazer isso.
Isso irá removê-lo, mas não aguardará o desvanecimento para terminar.
que clicamos, ele começa a desaparecer e, logo depois, ele remove se queremos que o desvanecimento para terminar tudo o que precisamos fazer
é fazer uso do retorno de chamada que podemos passar para o fadeout que será executado depois.
Se quisermos demonstrar tão rapidamente
E vamos dar uma duração, digamos quinze milésimos de segundo para começar.
E então, quando terminar, não podemos simplesmente chamar de remoção por conta própria.
Precisamos ligar para um elemento e o elemento que queremos chamar é o mesmo que estamos
preenchendo para que possamos usar um sinal de dólar.
É importante notar que este aqui não é o mesmo sinal de dólar, aqui mesmo.
Então, vamos passar por isso, é um pouco complicado quando clicamos em um sinal de dólar espanhol.
Isso se refere ao elemento que foi rápido no período, mas depois estamos fazendo o pai.
Então, agora estamos trabalhando com a mentira que encerra esse período e então estamos fazendo fadeout on the fly.
Então, em vez de desaparecer, isso se refere à mentira não ao intervalo.
OK, então vamos poupar e voltar a atualizar.
Agora, temos um bom desvanecimento e se inspecionamos a UL, só temos uma vida.
Então, desaparece e depois remove.
Para resumir tudo aqui.
O primeiro problema que encontramos foi que nossos eventos o evento de clique na extensão foi realmente atirando o
evento sobre a marcha, bem como depois que ele disparou a extensão do mesmo.
Então, para corrigir que usamos o evento que interrompe a propagação, o que o impede de borbulhar até outros elementos.
E então usamos esse pai para recuperar o aliado que está encerrando a extensão que foi clicada
e depois desaparecemos.
E então, quando o desvanecimento é feito, removemos toda a mentira no próximo vídeo, vamos abordar o
novo para fazer a funcionalidade