在浏览器中查看javascript事件

在浏览器中查看javascript事件,javascript,debugging,firefox,browser,Javascript,Debugging,Firefox,Browser,我正在使用Firefox。有什么东西可以显示实时触发的所有JavaScript事件吗?您可以右键单击的HTML选项卡中的元素,然后单击日志事件 然后,您将在Console选项卡中看到该元素接收到的每个事件。 您甚至可以单击其中一个来探索事件对象的属性。我已经使用visualevent好几年了。它是一个简单的bookmarklet,这意味着您只需将它拖到书签中,然后在页面上单击它,即可直观地突出显示所有javascript事件。你也可以随意触发事件,甚至可能触发更多事件。它使用起来非常简单直观,非

我正在使用Firefox。有什么东西可以显示实时触发的所有JavaScript事件吗?

您可以右键单击的HTML选项卡中的元素,然后单击日志事件

然后,您将在Console选项卡中看到该元素接收到的每个事件。

您甚至可以单击其中一个来探索
事件
对象的属性。

我已经使用visualevent好几年了。它是一个简单的bookmarklet,这意味着您只需将它拖到书签中,然后在页面上单击它,即可直观地突出显示所有javascript事件。你也可以随意触发事件,甚至可能触发更多事件。它使用起来非常简单直观,非常适合快速找到您想要的东西。试一试:


这样一个列表会被一百万个你可能不关心的鼠标事件所污染。@mikerobi通常不,我不关心。但我需要调试一些事件问题,它们以不同的顺序触发。因此,我确实需要在这种情况下看到它们。这是一个很好的提示,但是。。。不幸的是,“日志事件”设置没有“固定”到该元素,这使得无法记录页面加载时(或加载后)发生的事件。有人知道记录这些事件的方法吗?@marcvangend:在事件触发之前在某个地方设置一个Javascript断点,然后单击“记录事件”。存在两种不同版本的可视事件。我总是把它们都放在书签里:,