如何在ChromeDevTools中查看在元素上激发的事件?

我在库中的页面上有一个可自定义的表单元素。我希望看到在与javascript交互时触发了哪些javascript事件,因为我试图找出要使用的事件处理程序

我如何使用ChromeWebDeveloper做到这一点

  • 点击F12打开开发工具
  • 单击“源”选项卡
  • 在右侧,向下滚动到“事件侦听器断点”,并展开树
  • 单击要侦听的事件
  • 与目标元素交互,如果它们触发,您将在调试器中获得断点

类似地,您可以右键单击目标元素->选择dev框架右侧的“inspect element”向下滚动,底部是“event listeners”。展开树以查看附加到元素的事件。不确定这是否适用于通过冒泡处理的事件(我猜不是)

发表评论