2010-11-03 155 views
12

我使用的是Firefox。有没有什么能够让我看到实时触发的所有JavaScript事件?在浏览器中查看JavaScript事件

+0

这样的列表将与你可能不关心一百万鼠标事件被污染。 – mikerobi 2010-11-03 17:00:38

+0

@mikerobi通常不,我不会在意。但我需要调试一些事件问​​题,他们以不同的顺序发射。因此,我确实需要在这种情况下看到他们。 – 7wp 2010-11-03 17:05:04

回答

15

您可以右键单击Firebug的HTML选项卡中的元素,然后单击记录事件。

然后,您将在控制台选项卡中看到该元素收到的每个事件。
您甚至可以单击其中一个来浏览event对象的属性。

+1

这是一个很棒的提示,但是......不幸的是,“日志事件”设置并没有“粘住”该元素,这使得记录页面加载时(或直接之后)发生的事件是不可能的。有没有人知道一种方式记录这些事件? – marcvangend 2011-07-06 09:33:54

+1

@marcvangend:在事件触发前设置一个JavaScript断点,然后单击记录事件。 – SLaks 2013-08-04 22:29:52

+0

这很好,我不知道Chrome是否有这样的东西 – 7wp 2013-11-12 06:20:08

3

我几年来一直在使用Visual Event。这是一个简单的书签,意味着您只需将其拖动到书签中,然后在页面上单击,以突出显示所有JavaScript事件。你也可以随意触发事件,并且可能还有更多。使用起来非常简单直观,而且完美可以快速找到您要找的内容。试试看:

https://github.com/DataTables/VisualEvent

+0

存在两种不同版本的Visual Event。我始终将它们放在书签中: [v1](http://sprymedia.co.uk/article/Visual+Event),[v2](http://sprymedia.co.uk/article/Visual+事件+ 2) – Pino 2016-01-12 09:39:59