是否存在可监听Windows窗口左右贴靠、最大化触发的JavaScript事件？

结论 #

原生Web API没有提供专门监听Windows窗口贴靠、最大化这类操作系统级窗口状态变更的专属事件，浏览器出于跨平台兼容和安全限制，不会直接暴露系统级的窗口操作事件给前端页面。

可行替代方案 #

可以通过防抖+宽度跳变判定+误差范围匹配的方式优化现有resize监听逻辑，完全满足你的需求：既解决精准匹配的问题，也不会在手动拖拽窗口时频繁触发重置。
优化逻辑思路：

• 加200ms防抖，只有窗口大小调整停止后才执行判定，拖拽过程中不会触发逻辑
• 增加宽度跳变阈值判断，只有两次resize的宽度差超过阈值（一般设为屏幕宽度的1/5即可），才判定为贴靠/最大化这类系统级的跳变调整，排除手动微调窗口的场景
• 匹配窗口大小时增加±5px的误差范围，适配系统边框、屏幕缩放带来的尺寸偏移

优化后的代码实现：

// 防抖定时器
let resizeTimer = null;
// 记录上一次窗口宽度
let lastWindowWidth = window.innerWidth;
// 跳变判定阈值：宽度变化超过该值才判定为系统级窗口调整，可根据需求调整
const jumpThreshold = screen.width * 0.2;

window.addEventListener("resize", handleResize);

function handleResize() {
    // 防抖：200ms内多次resize只执行最后一次
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(() => {
        const currentWidth = window.innerWidth;
        const screenWidth = screen.width;
        // 排除手动微调窗口的场景
        if (Math.abs(currentWidth - lastWindowWidth) < jumpThreshold) {
            lastWindowWidth = currentWidth;
            return;
        }
        lastWindowWidth = currentWidth;

        // 带误差的匹配判断，允许±5px偏移
        const isHalfSnap = Math.abs(currentWidth - screenWidth / 2) < 5;
        const isFullSnap = Math.abs(currentWidth - screenWidth) < 5;
        const is1023Size = Math.abs(currentWidth - 1023) < 5;

        if (isHalfSnap || isFullSnap || is1023Size) {
            resetTestimonial();
        }
    }, 200);
}

// 抽离的重置逻辑复用
function resetTestimonial() {
    for(let i=0;i<4;i++){
        btn[i].classList.remove("active");
    }   
    btn[0].classList.add("active");
    slide.style.transform = "translateX(0px)";
}

补充说明 #

如果你是在Electron等桌面端开发环境下开发应用，可以直接调用Electron提供的系统窗口API，监听maximize事件、调用isMaximized()等方法获取更精准的窗口状态。

内容的提问来源于stack exchange，提问作者Franco