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!

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