javascript - 如何仅跟踪浏览器窗口调整大小

Question

我正在使用 jquery UI 对话框，并且我想相对于window高度和宽度调整对话框的大小，但是当我使用它们$(window).resize()或$(window).on('resize')它们都跟踪模态时也会调整大小。因此，当我$(window).resize()更新对话框高度宽度时，模态触发调整大小，从而触发另一个调整大小。

如何将 $(window).resize() 限制为仅调整浏览器窗口大小？

Answer 1

仅缩小到实际的浏览器窗口重新大小：

var onBrowserReszie = function(e){
    if(e.target === window){
     // Do something here spcific to browser window resize   
    }
}

$(window).on("resize",onBrowserReszie)

Answer 2

//...

var isBrowserResize = true;

//...

function preventWindowResizeEvent() {
    isBrowserResize = false;
}

//...

$(window).resize(function() {
    if (isBrowserResize) {
        //...
    } else {
        isBrowserResize = true;
    }
});

并且您从不想为主窗口运行事件的preventWindowResizeEvent任何地方调用。resizeresize