O ' redimensionar ” em JavaScript é um evento interno acionado quando o usuário altera o tamanho de uma janela do navegador. Este evento pode ser usado para ajustar o layout ou o comportamento de uma página da Web em resposta ao novo tamanho da janela. O evento é acionado/disparado no objeto janela que denota a janela do navegador.
Esta postagem ilustrará o evento de redimensionamento de janela em JavaScript.
O que é o evento “redimensionar” da janela em JavaScript?
Em JavaScript, o “ redimensionar ” é acionado quando o tamanho da janela do navegador é alterado. Você pode anexar uma função ao evento de redimensionamento usando o botão “ addEventListener() ” método no objeto de janela. Este evento será acionado sempre que a janela do navegador for redimensionada.
Sintaxe
A seguinte sintaxe é utilizada para o evento resize para redimensionar a janela com o método “addEventListener()”:
window.addEventListener ( 'redimensionar' , funcName )
Recomenda-se remover o ouvinte de eventos para evitar vazamentos de memória. Para remover o ouvinte de eventos, use o comando “ removeEventListener() ” método:
Exemplo
No exemplo fornecido, o comprimento e a largura da janela serão exibidos na página durante o redimensionamento da janela.
Primeiro, crie uma área de extensão para exibir o comprimento e a largura da janela:
Janela Largura de:Janela' Altura: < período eu ia = 'altura' > período >
Em seguida, na tag