js浏览器窗口最大化事件

// 获取屏幕的宽度和高度
const screenWidth = window.screen.width;
const screenHeight = window.screen.height;

// 监听窗口的resize事件
window.addEventListener('resize', () => {
  // 获取当前窗口的宽度和高度
  const windowWidth = window.innerWidth;
  const windowHeight = window.innerHeight;

  // 判断窗口是否接近屏幕尺寸
  const isMaximized = (windowWidth >= screenWidth - 10) && (windowHeight >= screenHeight - 10);

  if (isMaximized) {
    console.log('窗口已最大化');
    // 在这里可以执行最大化时的相关操作
  } else {
    console.log('窗口未最大化');
    // 在这里可以执行非最大化时的相关操作
  }
});

// 使用节流函数优化resize事件处理
function throttle(func, limit) {
  let inThrottle;
  return function() {
    const args = arguments;
    const context = this;
    if (!inThrottle) {
      func.apply(context, args);
      inThrottle = true;
      setTimeout(() => inThrottle = false, limit);
    }
  }
}

window.addEventListener('resize', throttle(() => {
  // 上述的resize事件处理逻辑
}, 100));