如何找到添加事件处理程序的位置？

Question

如果有一个可以执行事件的按钮但是看起来没有设置事件处理程序，我怎么能找到触发器代码？ 例如，在bootsrap模板中的小部件工具箱按钮。按钮只有一个类，但它们运行良好。

<a href="javascript:;" class="collapse" data-original-title="" title=""></a>

此崩溃的代码在哪里？

Answer 1

动画中塌陷的实际代码在此{s {3}}中

.collapse {
  &:not(.show) {
    display: none;
  }
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  @include transition($transition-collapse);
}

...并且实际转换设置为collapse transition。

有一个javascript，可在here中记录的以下状态之间切换类状态：

1. .collapse-“下拉”组件和查询的闭合状态，以了解要对折叠逻辑应用哪些元素。

2. .collapsing-处于关闭状态和打开状态之间的临时状态，在其中应用了CSS过渡。

3. .collapse.show-“下拉列表”的打开状态

我假设在打开状态下单击[data-toggle]=collapse元素时，javascript逻辑为here，用于显示“下拉列表”。那么隐藏“下拉列表”的逻辑是here。显示/隐藏逻辑只是切换css类以对应于上面的状态，然后触发上面的css转换。

请注意点击之间在“下拉列表”上切换类

Answer 2

作为@A。 Wolff说，按钮的默认操作是提交一个表单，该表单将引导您进入该表单上指定的另一个网页。

看看W3Schools中描述的表单元素，基本上可以 使用button元素达到相同的行为。

如果要检查按钮上附加了哪些事件，可以右键单击它并查看元素检查器。

如果没有附加事件，则不会显示任何内容，此外，如果此按钮属于某个表单，则默认操作不会被视为Javascript事件。

如果你想删除所有听众，你应该看看this answer