页面上的断点在javascript中重新加载

Question

我正在调试外部复杂的js代码。有按钮，当我按下它时，页面被重新加载，但这不应该发生。当我在内部单击处理程序中断时，它会完全执行并在完成后发生页面重新加载/刷新。退出处理程序后，我进入jquery深度。如何跟踪哪一段代码使页面重新加载？感谢名单！

Answer 1

问题是<button>声明不包含type属性。这是what the HTML standard says about that:

  

type属性控制按钮的行为   活性。它是枚举属性。下表列出   属性的关键字和状态 - 左侧的关键字   列映射到第二列中单元格中的状态   row作为关键字。

+---------+---------------+--------------------+
| Keyword |     State     |  Brief description |
+---------+---------------+--------------------+
| submit  | Submit Button | Submits the form.  |
| reset   | Reset Button  | Resets the form.   |
| button  | Button        | Does nothing.      |
+---------+---------------+--------------------+

     

缺失值默认为提交按钮状态。

     

如果type属性处于Submit Button状态，则元素为   特别是提交按钮。

提交按钮的默认操作是将表单提交给服务器（从而重新加载页面）。为防止这种情况发生，您需要在按钮上指定type="button"属性，或prevent the default action in your click handler.

JSFiddle showing all cases.