Question

当用户点击浏览器的Maximized / Restore Down或Minimized按钮时，有没有办法用javascript跟踪这些事件？是否有适当的事件或财产可供使用？

我希望当用户点击浏览器右上角的“最大化”按钮时，网页应该延伸到特定宽度，当浏览器处于可调整大小模式时，网页可以调整大小。

有人可以帮助我吗？我不介意javascript或jquery。

提前致谢。

Answer 1

据我所知，没有确定的方法来检测浏览器窗口是否最小化，但如果您想检测最大化状态，请尝试：

function CheckWindow() {

  var A = screen.availWidth;
  var AA = window.outerWidth;

  var B = screen.availHeight;
  var BB = window.outerHeight;
  
  if (A == AA && B == BB) {
  
    // Window is maximized

  }
   
  else {
   
    // Window is not maximized or in full screen
    
   }

}

<body onresize = "CheckWindow();" onload = "CheckWindow();">

这考虑到了浏览器工具栏，适用于我 PC 上的 Chrome 和 Edge。我还没有在其他浏览器或移动设备上尝试过。希望有帮助。

检测浏览器窗口使用Javascript最大化/最小化

2 个答案: