Event bubbling e stop propagation explicado [Corte Raiz]

Подписаться 40 тыс.

Просмотров 2,6 тыс.

50% 1

Você sabe o que é event bubbling ? Não? E stop propagation no JavaScript?
Para saber stop propagation é de mega importância saber event bubbling e nessa aula eu explico o que é e para que serve stop propagation!
Esse é um corte retirado da "live raiz #34 - como o navegador funciona" e hoje está disponível apenas no meu treinamento privado JS Raiz (jsraiz.com)
-
🟡 𝗠𝗘𝗨 𝗖𝗨𝗥𝗦𝗢 𝗗𝗘𝗦𝗘𝗡𝗩𝗢𝗟𝗩𝗜𝗠𝗘𝗡𝗧𝗢 𝗪𝗘𝗕 𝗝𝗔𝗩𝗔𝗦𝗖𝗥𝗜𝗣𝗧 𝗥𝗔𝗜𝗭 🔥
👉 jsraiz.com
🟠 𝗠𝗘 𝗜𝗡𝗗𝗜𝗤𝗨𝗘 𝗡𝗢 𝗚𝗜𝗧𝗛𝗨𝗕 𝗦𝗧𝗔𝗥
Coloque o meu usuário GitHub @ayrtonteshima e comente sobre meus conteúdos aqui no canal
👉 stars.github.c...
🔵 𝗖𝗔𝗡𝗔𝗟 𝗧𝗘𝗟𝗘𝗚𝗥𝗔𝗠 𝗖𝗢𝗠 𝗠𝗔𝗧𝗘𝗥𝗜𝗔𝗟 𝗘𝗫𝗖𝗟𝗨𝗦𝗜𝗩𝗢
👉 t.me/canalprog...
🟢 𝗜𝗡𝗦𝗧𝗔𝗚𝗥𝗔𝗠
👉 / programadorabordo
🟢 𝗧𝗪I𝗧𝗧𝗘𝗥
👉 / devabordo

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 9

@ProgramadorABordo 2 года назад

🟠 𝗠𝗘 𝗜𝗡𝗗𝗜𝗤𝗨𝗘 𝗡𝗢 𝗚𝗜𝗧𝗛𝗨𝗕 𝗦𝗧𝗔𝗥 Coloque o meu usuário GitHub @ayrtonteshima e comente sobre meus conteúdos aqui no canal 👉 stars.github.com/nominate/ 🟡 𝐄𝐬𝐬𝐞 é 𝐮𝐦 𝐜𝐨𝐫𝐭𝐞 𝐝𝐞 𝐮𝐦𝐚 𝐝𝐚𝐬 𝐚𝐮𝐥𝐚𝐬 𝐚𝐨 𝐯𝐢𝐯𝐨 𝐪𝐮𝐞 𝐡𝐨𝐣𝐞 𝐞𝐬𝐭á 𝐝𝐢𝐬𝐩𝐨𝐧í𝐯𝐞𝐥 𝐬𝐨𝐦𝐞𝐧𝐭𝐞 𝐧𝐨 𝐣𝐬𝐫𝐚𝐢𝐳.𝐜𝐨𝐦 🔥 👉 jsraiz.com 🔵 𝗖𝗔𝗡𝗔𝗟 𝗧𝗘𝗟𝗘𝗚𝗥𝗔𝗠 𝗖𝗢𝗠 𝗠𝗔𝗧𝗘𝗥𝗜𝗔𝗟 𝗘𝗫𝗖𝗟𝗨𝗦𝗜𝗩𝗢 👉 t.me/canalprogramadorabordo 🟢 𝗜𝗡𝗦𝗧𝗔𝗚𝗥𝗔𝗠 👉 instagram.com/programadorabordo 🟢 𝗧𝗪𝗜𝗧𝗧𝗘𝗥 👉 twitter.com/devabordo

@maxoliveira7028 2 года назад

cadê os vídeooooos ? O Projeto de Ead vai ter continuidade ?

@rafaelperes4140 2 года назад

Eu tinha visto esse vídeo mês passado ai falei "Nossa muito bem explicado, maneiro", ai chega ontem, passei o dia inteiro tentando entender porque meu evento de click era chamado sempre 1 vez mais a cada interação. Ainda estou iniciando então fiquei doido, claro, haha ai vi no stackoverflow uma explicação que era algo com o esse bubbling ai hoje eu lembrei desse video e voltei aqui, e pimba você explicou exatamente o meu problema! Haha muito obrigado! 🙏

@ProgramadorABordo 2 года назад

Kķkkkkk que legal. De certa forma sempre fica ali escondido na memória hehe

@ritsjhecksonsa4143 2 года назад

Estou estudando javaScript achei bem estranho esse comportamento, qual seria o benefício propagação ?

@ProgramadorABordo 2 года назад

O principal é poder capturar os eventos em níveis acima. Ex: imagina que você tem 1000 botões na página e vc precisa adicionar evento em todos eles, serão mil eventos definidos e isso tem um custo de performance. Com a propagação de eventos você consegue adicionar um único evento em um elemento acima para capturar os clicks nos botões

@ritsjhecksonsa4143 2 года назад

@@ProgramadorABordo uma pergunta para fechar, se eu tiver evento de click em uma div e um p, assim que eu clicar no p, ele irá disparar o evento da div também?