javascript - 如何检查事件是否被触发？

Question

我正在使用 Chrome DevTools 调试 JavaScript。在我的脚本中，我使用 jQuery bind() 方法将点击事件绑定(bind)到元素。如何检查该事件是否被触发？

编辑
抱歉，因为我没那么具体，我知道我可以使用 console.log() 或在事件监听器主体内设置断点。我在这里谈论的是 Chrome DevTools 的开箱即用功能，它允许您在不使用控制台的情况下进行检查，例如包含所有已触发事件和相关信息的选项卡。

Answer 1

关于 Chrome，通过命令行 API 检查 monitorEvents()。

• 通过菜单 > 工具 > JavaScript 控制台打开控制台。
• 输入monitorEvents(window);

• 查看充满事件的控制台

  ...
  mousemove MouseEvent {dataTransfer: ...}
  mouseout MouseEvent {dataTransfer: ...}
  mouseover MouseEvent {dataTransfer: ...}
  change Event {clipboardData: ...}
  ...
  

documentation 中还有其他示例.我猜这个功能是在上一个答案之后添加的。