javascript - Chrome 开发工具：在性能分析工具中查找事件的来源？

我正在尝试使用 Chrome 开发工具中的性能分析器来查找我的 Javascript 代码中性能问题的根源。

通过分析，很明显性能问题来自于由mousemove事件触发的重复渲染操作（我附上了一个截图来说明这一点）。

我的问题是：如何找到这些事件的来源？mousemove它们源自哪些 HTML 元素？我根本没有在我的代码中为鼠标事件注册任何处理程序，所以它一定是我正在使用的一些框架，但我不知道如何找出哪个......

标签： javascriptgoogle-chromegoogle-chrome-devtools

在 Chrome 开发工具中，您可以将事件侦听器设置为 mouseout 事件。这应该可以帮助您找出触发此事件的函数。

编辑：我在我的一个角度组件中创建了一个基本的“点击”事件，当我展开 1000 个级别时我看到了该事件。所以它应该隐藏在里面的某个地方，但它并不漂亮。我会走设置断点并直接检查的路线。在我的屏幕截图中，您可以看到 click 事件最初来自 input.component.ts 文件。