使用sorttable节点点击事件失效_如何使用chrome浏览器进行js调试找出元素绑定的点击事件...

大家有没有遇到这样的一个问题,我们在分析一些大型电子商务平台的Web前端脚本时,想找到一个元素绑定的点击事件,并不是那么容易,因为有些前端脚本封装的比较隐蔽,甚至有些加密脚本,用传统的查找元素ID、或者页面源码方法去找,可能最后徒劳无功。下面我来介绍利用chrome浏览器来查找元素绑定的事件。

只需要通过chrome浏览器以下三个功能就可以轻松找到绑定事件了。

1.Sources(源码)

2.Event Listener Breakpoints(事件监听断点)

3.Call Stack(函数调用栈)

举个栗子:

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

6a154ed18a3de54b28c1bec27cdf75d1.png
18fdcb27e8b4a53eb1b5ab2604de290e.png

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

0219f2b1db64c840455f2e0b05f31569.png

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

d1f8711fa46e34fb07ec1c300020eba9.png

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

4a279117d505734198c8051b52d7af02.png

5.一路按如下图标或按F11,直至发现事件是直接事件源。

e1b019187fdd528d57152009bd44da56.png

一路按下去,一定要有耐心。。。。。

0cc3e82326687e87eee3051ec8a9979f.png

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值