JavaScript Window Ressiense Evento

O "redimensionar”O evento 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 da janela que denota a janela do navegador.

Esta posta.

Qual é o evento de “redimensionamento” da janela em JavaScript?

Em JavaScript, o “redimensionar”O evento é disparado quando o tamanho da janela do navegador muda. Você pode anexar uma função ao evento de redimensionamento usando o “addEventListener ()”Método no objeto da janela. Este evento será acionado sempre que a janela do navegador for redimensionada.

Sintaxe

A sintaxe a seguir é usada para o evento de redimensionamento para redimensionar a janela com o método "addEventListener ()":

janela.addEventListener ('redimensionar', funcname)

Recomenda -se remover o ouvinte do evento para evitar vazamentos de memória. Para remover o ouvinte do evento, use o “RemoneeventListener ()”Método:

janela.removerventListener ('redimensionar', funcname);

Exemplo

No exemplo fornecido, o comprimento e a largura da janela serão exibidos na página enquanto redimensionam a janela.

Primeiro, crie uma área de extensão para exibir o comprimento e a largura da janela:

Largura da janela:

Altura da janela: id = "altura">

Então, em tag, defina uma função “WindowResize ()”Onde obtenha a referência dos elementos de comprimento e largura para imprimir os valores:

função windowResize ()
documento.getElementById ('altura').INNERTEXT = documento.DocumentElement.ClientHeight;
documento.getElementById ('largura').INNERTEXT = documento.DocumentElement.largura de cliente;

Ligar para "redimensionarEvento no “addEventListener ()”Método e anexe a função definida ao evento:

janela.addEventListener ('redimensionar', windowResize);

Ligar para "WindowResize ()" pela primeira vez:

windowResize ();

A saída indica que o valor é alterado continuamente ao alterar o tamanho da janela:

É tudo sobre o evento de redimensionamento da janela em JavaScript.

Conclusão

O "redimensionar”O evento em JavaScript é acionado quando o tamanho de uma janela ou elemento é alterado. Pode detectar alterações no tamanho da janela do navegador ou em um elemento específico. O evento pode ser adicionado a uma janela ou elemento usando o “addEventListener ()”Método e especificando“redimensionar”Como o tipo de evento. Neste post, ilustramos o evento de redimensionamento da janela em JavaScript.