怎么查看window.addEventListener 监听了多少个

事件？

您可以使用 getEventListener() 方法来查询特定元素上的事件监听器数量。例如，如果您想查询 window 对象上的事件监听器数量，您可以使用以下代码：

var eventListeners = window.getEventListeners();
var count = 0;
for (var eventType in eventListeners) {
  count += eventListeners[eventType].length;
}
console.log("window 上注册了 " + count + " 个事件监听器");

希望这能帮助您解决问题！

相关问题

window.addEventListener 监听不到scroll

在使用`window.addEventListener`监听`scroll`事件时，有时候会出现无法监听到事件的情况。这可能是由于事件冒泡和事件捕获的机制导致的。默认情况下，`addEventListener`使用的是事件冒泡机制，即从内向外依次触发事件。而`scroll`事件是一个特殊的事件，它不会冒泡到`window`对象，而是直接在`document`对象上触发。因此，如果要监听`scroll`事件，需要使用事件捕获机制，即将`useCapture`参数设置为`true`。

以下是一个示例代码，演示如何使用`window.addEventListener`监听`scroll`事件：

// 在componentDidMount，进行scroll事件的注册，绑定一个函数，让这个函数进行监听处理
componentDidMount() {
  window.addEventListener('scroll', this.handleScroll, true);
}

// 在componentWillUnmount，进行scroll事件的注销
componentWillUnmount() {
  window.removeEventListener('scroll', this.handleScroll, true);
}

// 定义handleScroll函数，处理scroll事件
handleScroll = (event) => {
  console.log('开始滚动了');
}

window.addEventListener 监听不存在的div

对于监听不存在的div，window.addEventListener无法直接监听该div的事件。因为window.addEventListener是用来监听window对象上的事件，而不存在的div无法被监听。如果你想要监听一个不存在的div的事件，可以使用MutationObserver来实现。MutationObserver是一个用来监听DOM变化的API，可以观察到DOM的添加、删除、属性变化等操作。你可以通过创建一个MutationObserver实例，然后将目标设置为你希望监听的div，通过指定不同的配置选项来监听＊＊＊```javascript
const targetDiv = document.getElementById('nonexistent-div');
const observer = new MutationObserver((mutationsList, observer) => {
// 处理DOM变化的回调函数
mutationsList.forEach((mutation) => {
console.log(mutation);
});
});

// 配置选项
const config = { attributes: true, childList: true, subtree: true };

// 监听DOM变化
observer.observe(targetDiv, config);

这样，当你的目标div被创建或者发生其他变化时，MutationObserver的回调函数将会被触发。