Warm tip: This article is reproduced from serverfault.com, please click

javascript-如何查看 Chrome DevTools 中元素触发的事件?

(javascript - How do I view events fired on an element in Chrome DevTools?)

发布于 2012-04-18 16:23:22

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

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

Questioner
John Hoffman
Viewed
0
10.3k 2012-12-12 04:35:13
  • 点击F12打开开发工具
  • 单击源选项卡
  • 在右侧,向下滚动到“事件侦听器断点”,然后展开树
  • 单击要收听的事件。
  • 与目标元素交互,如果它们触发,你将在调试器中获得一个断点

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