小编典典

如何查看Chrome DevTools中某个元素上触发的事件?

javascript

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

如何使用Chrome Web Developer做到这一点?


阅读 1072

收藏
2020-04-25

共1个答案

小编典典

  • 点击F12打开开发工具
  • 点击来源标签
  • 在右侧,向下滚动到“事件侦听器断点”,然后展开树
  • 单击您想听的事件。
  • 与目标元素进行交互,如果它们触发,您将在调试器中得到一个断点

同样,您可以右键单击目标元素->选择“检查元素”。在dev框架的右侧向下滚动,底部是“事件侦听器”。展开树以查看将哪些事件附加到元素。不知道这是否适用于通过冒泡处理的事件(我猜不是)

2020-04-25