Chiamare una funzione quando la finestra viene ridimensionata

Question

Come posso richiedere che questa (o qualsiasi) funzione JS venga eseguita nuovamente ogni volta che la finestra del browser viene ridimensionata?

<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

È possibile utilizzare l'evento finestra onresize:

window.onresize = setEqualHeight; 

Answer 2

È possibile sottoscrivere l'evento window.onresize (See here)

window.onresize = setEqualHeight; 

o

window.addEventListener('resize', setEqualHeight); 

Answer 3

Si utilizza jquery, quindi associatelo utilizzando il metodo .resize().

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

Answer 4

Questo pezzo di codice aggiungerà un timer che chiama la funzione di ridimensionamento dopo 200 millisecondi dopo che la finestra è stata ridimensionata. Questo ridurrà le chiamate del metodo.

var globalResizeTimer = null; 

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