跨浏览器窗口调整事件大小-JavaScript/jQuery

Question

跨浏览器窗口调整事件大小-JavaScript/jQuery在Firefox中使用窗口调整大小事件的正确(现代)方法是什么，WebKit以及InternetExplorer？你能把两个滚动条都打开/关闭吗？

Answer 1

jQuery有一个内建法为此：

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

为了响应UI，您可以考虑使用setTimeout来只在几毫秒后调用代码，如下例所示这，这个:

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

下面是非jQuery使用调整大小事件的方法：

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

它适用于所有现代浏览器。是的不为你节流任何东西。下面是一个例子在行动中。