检查浏览器宽度并仅触发一次事件

编程问答 2022-09-04

问题描述

  • 我想检查我的浏览器/窗口宽度，当它低于 669 像素时。
  • 当它低于 669px 时，我想只触发一次。
  • 但是，每次我将浏览器的大小调整为小于 669 像素时，为什么每次调整大小时函数都会继续触发。

一旦用户点击低于 669 像素，我如何只触发一次事件？

这是我正在使用的代码：

const checkWindowWdith = () => {
    console.log(document.documentElement.clientWidth);
    if (document.documentElement.clientWidth < 669) {
        //DO SOMETHING HERE
    };
};


//HERE I AM WAIT FOR THE USER TO FINISH RESIZING
var doit;
window.onresize = function(){
    clearTimeout(doit);
    doit = setTimeout(checkWindowWdith,100);
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

browserfunctionfunctionjavascriptresizewindow-resize