如何检测用户窗口调整大小与window.resizeTo

Question

我有一个包含许多字段的窗口，其中一些字段在视图中显示/隐藏其他字段或元素。 发生这种情况时，我会调用一个函数来调整窗口大小。

该函数基本上获取主体的宽度和高度，并使用window.resizeTo函数相应地调整窗口的大小。

现在，我被要求添加一个新功能：如果用户手动调整窗口大小，请停止进一步的自动调整大小。

我认为我可以听一下resize事件，也许可以检测到window.resizeTo函数何时触发了它，以及用户何时触发了它。

问题是，我还没有找到方法...可能吗？

Answer 1

有.resize() 。 但是，如果用户调整了窗口的大小，我看不到从浏览器获取本机信息的更改。 但是我可以想到一种解决方案，当函数调整窗口*的大小时设置一个标志，然后在.resize（）内不执行任何操作。 但是，如果.resize（）被触发但您的标志未设置，则它是由用户触发的。

* =在调整大小代码运行后也删除该标志。

Answer 2

没错，使用“调整大小”事件，您可以检测到用户何时调整浏览器的大小。 例：

document.addEventListener("resize", function(){
  alert("resizing!");
}, false);