Como funciona o borbulhamento de eventos?

Como funciona o borbulhamento de eventos?
Como funciona o borbulhamento de eventos?
Anonim

Event bubbling é um tipo de propagação de evento em que o evento é acionado primeiro no elemento de destino mais interno e, em seguida, é acionado sucessivamente nos ancestrais (pais) do elemento de destino na mesma hierarquia de aninhamentoaté atingir o elemento DOM ou objeto de documento mais externo (desde que o manipulador seja inicializado).

O que é borbulhamento de eventos e como funciona?

Event bubbling é um método de propagação de eventos na API HTML DOM quando um evento está em um elemento dentro de outro elemento, e ambos os elementos registraram um handle para esse evento. É um processo que começa com o elemento que acionou o evento e então borbulha até os elementos contidos na hierarquia.

Como você cria uma reação de evento?

Event Bubbling e Capturando em React

Bubbling é tão direto quanto com a API DOM normal; simplesmente anexe um manipulador a um eventual pai de um elemento, e quaisquer eventos acionados nesse elemento irão para o pai, assim como em nosso exemplo no início.

O que é evento borbulhando com exemplo de código?

Event borbulhar é um termo que você pode ter encontrado em suas viagens de JavaScript. Relaciona-se com a ordem em que os manipuladores de eventos são chamados quando um elemento é aninhado dentro de um segundo elemento e ambos os elementos registraram um ouvinte para o mesmo evento (um clique, por exemplo).

Como funciona a propagação de eventos?

Eventopropagação é uma maneira de descrever a “pilha” de eventos que são disparados em um navegador da web. … Então, um clique na tag a também clica na linha, na tabela, na div na qual a tabela está aninhada e em qualquer outra coisa até document, o contêiner completo que contém tudo em seu navegador.