Как отключить функцию при resize?

Question

[enginel]

Подскажите пожалуйста, как отключить функцию на маленьком разрешении, а на большом ОДИН раз выполнить функцию? То есть, если разрешение будет меняться функция больше не запускалась снова

window.addEventListener("resize", function() {
if (window.innerWidth < 1024) {
console.log('mobile');

???

}
if (window.innerWidth >= 1024) {
console.log('note');
myFunction();
}
});

Comments

[Вадим]

Пофиг на правила и чужое время, да?

https://qna.habr.com/search?q=%D0%BA%D0%B0%D0%BA+%...

Answer 1

[xirurgx3d]

используйте window.removeEventListener("resize", func)
но прежде вынесите функцию в window.addEventListener("resize", func) на верх и про именуйте её

Answer 2

[Alex]

window.addEventListener("resize", function _resizeHandler() {
  if (window.innerWidth >= 1024) {
    myFunction();
    window.removeEventListener('resize', _resizeHandler)
  }
});