Événement de redimensionnement de fenêtre inter-navigateur - JavaScript / jQuery

Question

Quelle est la méthode correcte (moderne) pour exploiter l'événement de redimensionnement de la fenêtre qui fonctionne dans Firefox ? WebKit et Internet Explorer ?

Et pouvez-vous activer/désactiver les deux barres de défilement ?

Answer 1

JQuery dispose d'un méthode intégrée pour ça :

$(window).resize(function () { /* do something */ });

Dans un souci de réactivité de l'interface utilisateur, vous pouvez envisager d'utiliser un setTimeout pour n'appeler votre code qu'après un certain nombre de millisecondes, comme le montre l'exemple suivant, inspiré de ce :

function doSomething() {
    alert("I'm done resizing for the moment");
};

var resizeTimer;
$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(doSomething, 100);
});

Answer 2

$(window).bind('resize', function () { 

    alert('resize');

});

Answer 3

Voici la façon non jQuery d'exploiter l'événement de redimensionnement :

window.addEventListener('resize', function(event){
  // do stuff here
});

Il fonctionne sur tous les navigateurs modernes. Il fait pas étrangler n'importe quoi pour vous. Voici un exemple en action.

Answer 4

Désolé d'évoquer un vieux sujet, mais si quelqu'un ne veut pas utiliser jQuery, il peut utiliser ceci :

function foo(){....};
window.onresize=foo;

Answer 5

Puisque vous êtes ouvert à jQuery, ce plugin semble faire l'affaire.