查看事件侦听器-Javascript

View event listeners - Javascript

本文关键字:-Javascript 侦听器 事件      更新时间:2023-09-26

我想知道是否可以查看

1.有多少事件侦听器

2.什么类型的事件侦听器

在一个网页上。

原因是因为我使用的是off();方法。

我使用的是这个框架,它基本上是jQuery,但不是。

是的,我正在使用off,但even not并没有删除,我有一种感觉,元素上有不止一个eventListener

如果使用Javascript无法实现,那么在浏览器中是否可以实现?

很长一段时间过去了

我在Chrome DevTools中发现了一些新东西。

console 中如此简单

getEventListeners(yourElement);

文档:https://developers.google.com/chrome-developer-tools

Chrome有一些内置工具。如果打开元素检查器,关注一个元素,滚动到右侧列的底部(CSS/Metrics/etc所在的位置),您应该会看到一个下拉部分,上面写着Event Listeners。这可以帮助一些。。。

通常,我发现通过控制台将事件侦听器添加到某个DOM元素并查看它是否响应更容易。或者,我在不同的地方(在设置侦听器之前,以及在侦听器的回调内部)引入调试器。我通常遇到的问题是,我认为存在的选择器没有,或者事件绑定得太早,错过了选择器。

您可以使用Visual Event bookmarklet:http://www.sprymedia.co.uk/article/Visual+事件+2