javascript - link - Llame a una función cuando la ventana se redimensiona

title html

Question

¿Cómo puedo solicitar que esta (o cualquier) función JS se ejecute nuevamente cada vez que se cambia el tamaño de la ventana del navegador?

<script type="text/javascript">
function setEqualHeight(e) {
var t = 0;
e.each(function () {
currentHeight = $(this).height();
if (currentHeight > t) {
t = currentHeight
}
});
e.height(t)
}
$(document).ready(function () {
setEqualHeight($(".border"))
})
</script>

Answer 1

Este fragmento de código agregará un temporizador que llama a la función de cambio de tamaño después de 200 milisegundos después de que la ventana haya cambiado de tamaño. Esto reducirá las llamadas del método.

var globalResizeTimer = null;
$(window).resize(function() {
if(globalResizeTimer != null) window.clearTimeout(globalResizeTimer);
globalResizeTimer = window.setTimeout(function() {
setEqualHeight();
}, 200);
});

Answer 2

Puede suscribirse al evento window.onresize ( ver aquí )

window.onresize = setEqualHeight;

o

window.addEventListener(''resize'', setEqualHeight);

Answer 3

Puede utilizar la ventana de evento onresize :

window.onresize = setEqualHeight;

Answer 4

Usted usa jquery, así que .resize() usando el método .resize() .

$(window).resize(function () {
setEqualHeight( $(''#border'') );
});