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

Как я могу вызвать для этой (или любой) 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>

Ответ 1

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

window.onresize = setEqualHeight;

Ответ 2

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

window.onresize = setEqualHeight;

или

window.addEventListener('resize', setEqualHeight);

Ответ 3

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

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

Ответ 4

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

var globalResizeTimer = null;

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