Javascript 每次有事情发生时如何调用js函数

我有一个函数，每当我的屏幕宽度为1240px时，我都需要调用它。我的意思是，例如，如果我从1300px或更大调整到1200px或更小，并且当它通过1240px时，我的函数应该被调用一次。例如，如果我将大小从1200px或更小调整到1300px或更大，当它通过1240px时，我的函数将再次被调用

这就是我尝试的：

function toggle() {
    toggle_time = setTimeout('toggle()', 1);
    if (document.body.offsetWidth<=1240) {
        myFunction();
    }
    if (document.body.offsetWidth>=1240) {
        myFunction();
    }
}

函数切换（）{
toggle_time=setTimeout（'toggle（）'，1）；
if（document.body.offsetWidth=1240）{
myFunction（）；
}
}

---

但它总是会调用我的函数，而且每毫秒都会调用一次出错的函数。任何答复都将不胜感激。谢谢

我宁愿使用window.onresize事件：

比如说：

function toggle() {
    if (document.body.offsetWidth<=1240) {
        myFunction();
    }
    if (document.body.offsetWidth>=1240) {
        myFunction();
    }
}

window.onresize = toggle;

函数切换（）{
if（document.body.offsetWidth=1240）{
myFunction（）；
}
}
window.onresize=切换；

感谢您检查此链接是否可以回答问题，最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能无效。-谢谢，我会记住这一点的。这不是我想要的。我需要调用一个函数一次，因为屏幕宽度通过特定的width@MartynasJakas没问题。参见编辑

 function listenforwidth(width,callback){
  var store_width=0;
  window.onresize=function(){
   if((window.innerWidth>store_width && window.innerWidth>width )|| (window.innerWidth<store_width && window.innerWidth<width )){
        callback();
   }
   store_width=window.innerWidth;
   }

 listenforwidth(1024,function test(){
    window.test=null;
   alert("1024 passed");
 });