如何创建侦听每种类型事件的侦听器

Question

这纯粹是出于调试目的。有没有像

这样的命令

addEventListener('*', myHandler) 

在原生js或

$(document).on('*', myHandler)

在jQuery中，无论什么类型或命名空间都会监听任何事件，并在事件发生时调用myHandler？

或者浏览器自带的开发工具中有什么东西可以让你看到所有的事件吗？

Answer 1

Chrome的开发工具可以做到这一点。打开它们，转到Sources标签，然后在右侧列中查看可展开/可折叠的子窗格。展开名为Event Listener Breakpoints的那个。这里有可扩展的复选框选项，允许您勾选您想要侦听的任何事件。一旦你检查了它们中的任何一个，一旦发生这种类型的事件，Chrome就会破解JS代码。

假设您的myHandler函数包含您只想执行调试的代码，您只需在控制台中运行此代码，或通过控制台调用该函数。