确定单击元素时调用的Javascript函数

Question

有没有办法确定在单击HTML页面中的项目时调用了什么Javascript函数,该项目已将JS绑定到click事件(使用jQuery添加,而不是使用onClick标记属性添加)？

显然,该网站不是我的,代码缩小了.

Answer 1

这在开发人员工具的所有主流浏览器中都可用(通常按F12打开).

例如,在Chrome中,右键单击元素,检查元素.

然后展开右侧的"事件监听器"选项卡,找到"单击"并展开它.它应该为您提供click事件中所有潜在侦听器的列表,包括从冒泡中捕获的内容以及该函数的链接及其在文件中的位置.

可以肯定的是,它需要一点点狩猎.如果代码缩小,大多数开发人员工具都可以为您扩展(例如,在Chrome等webkit浏览器中的'漂亮打印'选项或IE中的工具'格式javascript')或使用外部工具,例如http://jsbeautifier.org/.