小编典典

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

all

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

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


阅读 180

收藏
2022-03-03

共1个答案

小编典典

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

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

2022-03-03