记录或记录所有浏览器DOM/JQuery事件

Question

我有一个问题是需要以某种浏览器事件(点击,焦点,？)触发后在第三方组件中以编程方式(在javascript中)执行某些操作.我不知道事件类型,事件绑定的元素或适当的参数.

-Tried设置子树修改的Chrome断点,但没有任何效果.
- 尝试检查jQuery事件,但数据('事件')没有显示任何有用的东西 - 他们必须使用DOM事件.

是不是应该有一些方法记录/捕获/记录浏览器中的所有事件,然后检查它们(甚至回放它们)？这似乎是找出我想要找到的唯一方法.

Answer 1

是的Chrome可以:)

1. 从扳手菜单中打开"开发人员工具"(Ctrl + Shift + I)/或右键单击页面,然后单击"检查元素"
2. 转到"时间轴"标签.
3. 单击底部的"小记录"按钮.
4. 刷新页面.

它将显示所有加载事件(黄色)以及鼠标悬停时发生的AJAX事件等.

干杯;)

Answer 2

在 Chrome 中，您可以monitorEvents()在开发工具的控制台中使用来记录您想要监控测试期间触发的所有事件。