Como ativar o evento resize com JavaScript

Neste artigo você vai aprender a como ativar o evento resize com JavaScript, utilizando uma simples função em JS

Fala programador(a), beleza? Bora aprender mais sobre eventos em JavaScript!

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 118 aulas
• 4 projetos
• 9h 33min

Conhecer formação

Para ativar o resize vai ser simples, basicamente utilizaremos o método dispatchEvent de window

Neste método podemos utilizar o objeto Event e instanciar um novo, que será o resize

Veja um exemplo prático:

window.dispatchEvent(new Event('resize'));

Veja quão simples é a ação, basta utilizar o método e instanciar o evento com new

Neste objeto Event o evento escolhido é resize, mas poderia ser escolhido qualquer outro

Você também pode inserir o evento dentro de uma funçãou ou outro evento, de click por exemplo

Conclusão

Neste artigo você aprendeu a como ativar o evento resize com JavaScript

Utilizamos o método dispatchEvent e também a classe Event

Precisamos apenas passar como argumento o valor de resize para Event

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos