javascript - 为什么文本变回来没有 'return false'

Question

我的表单上有一个简单的 HTML 按钮，脚本如下:

$(document).ready(function () {

    $("#btn1").click(function () {
        $("#btn1").text("Button clicked");
        return false;
    });
});

使用 return false，它按我预期的方式工作 - 我单击按钮，其文本更改为“单击按钮”。如果没有“return false”，它会发生变化，但随后会变回来。

这里完全是 JQuery 菜鸟，为什么我需要 'return false'？

Answer 1

A <button>在表单中提交表单，这就是它返回的原因，页面重新加载重置所有 javascript 更改，所以你看到更改，并且它在表单提交时立即重新加载页面。

return false防止在单击按钮时提交表单。

注:<button>元素的默认类型为 submit , 因此它将始终提交嵌套在其中的表单。