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

Question

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

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

Answer 1

关于Chrome,请通过命令行API检查monitorEvents().

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

• 查看充斥着事件的控制台

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

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