Вызвать функцию при изменении размера окна

Question

Как я могу вызвать для этой (или любой) JS-функции, которая будет запущена снова всякий раз, когда изменяется окно браузера?

<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

Вы можете использовать окно onresize событие:

window.onresize = setEqualHeight; 

Answer 2

Вы можете подписаться на window.onresize события (See here)

window.onresize = setEqualHeight; 

или

window.addEventListener('resize', setEqualHeight); 

Answer 3

Вы используете jquery, поэтому привяжите его, используя метод .resize().

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

Answer 4

Этот фрагмент кода добавит таймер, который вызывает функцию изменения размера после 200 миллисекунд после изменения размера окна. Это уменьшит вызовы метода.

var globalResizeTimer = null; 

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