如何找到事件处理程序添加到哪里？

Question

如果有一个可以执行事件但似乎没有设置事件处理程序的按钮，如何找到触发代码？ 例如，bootsrap模板中的小部件工具箱按钮。 这些按钮只有一堂课，但是效果很好。

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

该折叠函数的代码在哪里？

Answer 1

动画塌陷的实际代码在此scss 塌陷过渡中

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

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

...实际的过渡在这里设置。

有javascript可以在此处记录的以下状态之间切换类状态：

1. .collapse “下拉列表”组件和查询的关闭状态，以了解要将折叠触发逻辑应用于哪些元素。

2. .collapsing处于关闭状态和打开状态之间的过渡状态，在该状态下将应用CSS过渡。

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

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

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

Answer 2

作为一个。 沃尔夫说，按钮的默认操作是提交表单，这将带您进入该表单上指定的另一个网页。

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

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

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

如果您想删除所有听众，也许您应该看看这个答案