当我点击一个元素时,如何找出javascript运行的内容?

Dun*_*ill 41 javascript

我正在查看Bing Maps网站.我打开了我的位置编辑器并单击绘图工具栏中的折线工具.

我想发现当我点击绘图工具栏中的工具时javascript运行的是什么.

我查看了html,并且onclick元素上没有声明事件.

我已经对页面引用的所有脚本进行了文本搜索,以获取折线工具元素的ID.这是为了尝试找到将click事件附加到元素的javascript,但我根本没有匹配.

单击工具时必须运行一些脚本.当我单击工具栏中的工具div时,如何找出正在执行的脚本?

如果我不首先知道要设置它们的脚本,我认为无论如何我都可以设置断点.无论如何,我可以捕获运行的javascript来发现它是什么,在IE F12开发人员工具或firebug中?

Dag*_*bit 47

您可以查看Chrome中的"事件监听器"面板,它包含有关连接到元素的每个侦听器的详细信息.

在此输入图像描述

  • 我尝试重新加载页面,但它只是不起作用.我正在使用Chrome 18.但实际上我找到了更好的方法......在右边的Scripts选项卡中有一个**Event Listener Breakpoints**面板.我检查了**鼠标**并在鼠标下 - **点击**.然后我只需单击我所涉及的工具div元素,脚本就会在事件处理程序上中断.非常感谢您的帮助,从现在开始,我将花费更多时间来使用Chrome开发人员工具. (3认同)

Pau*_*aul 10

在Chrome开发者工具中,点击时间轴标签,取消选中"正在加载"和"渲染",然后点击记录按钮(实心圆圈).单击按钮触发事件,然后再次单击圆圈停止录制.在时间轴中查找您的活动,然后点击旁边的箭头展开它.在左侧,它将告诉您事件所调用的函数.