如何调试从按钮中删除click事件的原因？

Question

我正在使用chrome，以防他们的开发者工具提供帮助。

我手风琴有5个按钮可以打开手风琴的部分。

由于某些原因，当我打开一个部分时，某些其他部分的点击事件被禁用，在某些情况下我无法打开它们。

如何在这些按钮上调试暂时取消激活点击事件的原因？

Answer 1

您可以转到查看＆gt;访问Chrome中的JavaScript控制台开发人员＆gt; JavaScript控制台。

一些调试方法包括：

• 一次评论一行，直到某些内容开始起作用/不起作用
• 在某些块的开头插入console.log(true)或类似内容，以确定代码停止“工作”的位置（我相信这些被称为断点。）

Answer 2

您可以在 Chrome DevTools ＆gt;中查看任何DOM对象上的所有事件侦听器。 元素，右侧面板上有事件监听器标签。

以下是stackoverflow上的downvote按钮的示例：

Answer 3

改变了什么？希望你能够很好地检查工作版本，你可以用它来比较现在破碎的版本。

一个想法：您是否可以拦截未传播到accordion元素的元素上的click事件？为了补充上面的答案1，你可以从手风琴开始并添加东西，直到它也破裂。取决于您的网页上发生了多少。

沿着这些方向，您可以使用简单的警报或console.log（“Click！”）为手风琴div.group指定一个快速点击处理程序，以查看您是否实际上甚至收到了该事件。

您还可以通过检查Chrome开发工具的“元素”窗口中的元素，然后展开“事件监听器”选项卡的“单击”部分来检查事件监听器是否仍然分配给部分/按钮在右侧窗格中。