两次单击相同事件处理程序

Question

我正在尝试解决Bootstrap ScrollSpy问题，其中单击选项卡链接没有任何作用（尽管正确滚动会突出显示选项卡）。 我注意到，相同的Bootstrap单击事件处理程序在Chrome开发者工具中显示了两次（我已经确认，如果单击每个链接，它将带我到同一文件的同一行）。

为什么相同的确切点击处理程序会出现两次？ 我还验证了Bootstrap仅被包含一次。

Answer 1

尝试单击您在屏幕快照中指向的bootstrap.js链接，然后在注册事件侦听器的行上添加代码行断点 。 如果您认为在页面加载时已注册了事件侦听器，请重新加载页面。 该页面应因断点而停止。 “ 呼叫堆栈”窗格应帮助您弄清楚为什么注册了事件侦听器。 恢复脚本执行 ，您应该看到事件侦听器再次被注册。 如果未在页面加载时注册事件侦听器，则只需以您期望创建侦听器的方式与页面进行交互。

如果您不熟悉使用DevTools单步执行代码，请参阅调试入门 。