如何使用chrome浏览器找出元素绑定的点击事件

时间:2024-10-14 16:49:23

1、打开某网站,点击“规格”中的“100x100”选项,按F12,弹出前端调试窗口,切换到Sources标签。

如何使用chrome浏览器找出元素绑定的点击事件
如何使用chrome浏览器找出元素绑定的点击事件

2、看右边的窗口(Event Listener Breakpoints)栏,选择click选项(监听点击事件)。

如何使用chrome浏览器找出元素绑定的点击事件

3、展开Call Stack(函数调用栈)。

如何使用chrome浏览器找出元素绑定的点击事件

4、然后点击如下图标或按F11,观察CallStack。

如何使用chrome浏览器找出元素绑定的点击事件

5、一路按如下图标或按F11,直至发现事件是直接事件源。一路按下去,一定要有耐心。。。。。

如何使用chrome浏览器找出元素绑定的点击事件
如何使用chrome浏览器找出元素绑定的点击事件

6、到这里已经发现找到了事件源!!!

© 手抄报圈