javascript - 仅在第一次出现窗口调整大小时运行命令

Question

我想知道是否可能出现以下情况。假设我有下一个 $.resize() 函数:

$(window).resize(function(){
    if($(window).width() < 500) console.log('Small');
});

我知道只要窗口的大小小于 500，上面的代码就会记录 Small。所以这意味着如果您将窗口的大小从 500 调整到 200，Small 将被记录大约 300 次。

好吧，这意味着如果您确实在这些情况下运行了一些繁重的功能，浏览器可能会崩溃，因为它会一遍又一遍地运行，直到您停止调整大小或情况发生变化。

所以这就是为什么我要问是否有一种方法可以仅在条件第一次出现时运行该假设函数？

Answer 1

使用 one事件绑定(bind)，仅在事件第一次发生时运行传入的函数一次。

$(window).one("resize", function(){
    if($(window).width() < 500) console.log('Small');
});