【问题标题】:View event listeners - Javascript查看事件监听器 - Javascript
【发布时间】:2013-07-21 15:19:44
【问题描述】:

我想知道是否可以查看

1.多少个事件监听器

2。什么类型的事件监听器

在单个网页上。

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

我正在使用这个 framework,它基本上是 jQuery 但不是。

是的,我正在使用 off,但 event't 没有被删除,而且我感觉元素上有多个 eventListener

如果用 Javascript 不可以,在浏览器中可以吗?

【问题讨论】:

    标签: javascript events dom-events zepto


    【解决方案1】:

    过了很久……

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

    console中就这么简单

    getEventListeners(yourElement);
    

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

    【讨论】:

    • 但是监听的实际函数定义在哪里。我只看到一个巨大的对象树。我想知道事件到底触发了什么。
    【解决方案2】:

    Chrome 有一些内置工具。如果您打开元素检查器,关注一个元素,滚动到右侧列的底部(CSS/Metrics/etc 所在的位置),您应该会看到一个显示事件侦听器的下拉部分。这可以帮助一些人......

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

    【讨论】:

    • 太好了,我没有意识到它在那里提供了很多信息,谢谢。
    【解决方案3】:

    您可以使用 Visual Event 书签:http://www.sprymedia.co.uk/article/Visual+Event+2

    【讨论】:

    猜你喜欢
    • 2020-06-21
    • 1970-01-01
    • 1970-01-01
    • 2016-08-26
    • 2012-09-13
    • 2011-05-23
    • 2011-01-16
    • 1970-01-01
    相关资源
    最近更新 更多