如何在JS中删除窗口大小调整侦听器

如何解决如何在JS中删除窗口大小调整侦听器

我想使用JS在某个网站上删除事件监听器。

当我使用here中所述的以下代码时，它不起作用。我在控制台中抛出了数百万条错误消息。

$(window).off("resize");

我还使用以下代码在控制台中添加了jQuery：

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load,then type (or see below for non wait option)
jQuery.noConflict();

我该如何实现？

解决方法

尝试一下：

const { resize } = getEventListeners(window);

resize.forEach(({ listener }) => {
  window.removeEventListener('resize',listener);
});

以上内容应导致删除附加到resize的所有window侦听器。

getEventListeners是一个实用工具函数，不属于JavaScript规范的一部分。我不会在用于生产的代码中使用它。

另一个值得研究而不是getEventListeners的想法是拦截addEventListener函数。

const addEventListener = window.addEventListener;

window.addEventListener = (...args) => {
  if (args[0] === 'resize') {
    console.log('Resize event attached!',args[1]);
  }
  addEventListener(...args);
}

我们甚至可以走得更远，阻止所有resize事件处理程序的附加。

const addEventListener = window.addEventListener;

window.addEventListener = (...args) => {
  if (args[0] === 'resize') {
    console.log('Resize event trying to attach,but it is being blocked');
  } else {
    addEventListener(...args);
  }
}

在您的情况下，也许以上内容很有用。