为什么文本会在没有'return false'的情况下改回来

Question

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

$(document).ready(function () {

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

使用它return false,它按预期工作 - 我单击按钮,其文本更改为"按钮单击".如果没有'return false',它会改变,但之后会改变.

在这里完成JQuery noob,为什么我需要'return false'？

Answer 1

<button>表单中的A 提交表单,这就是为什么它返回,页面重新加载重置javascript更改的所有内容,因此您看到更改,并在表单提交时立即重新加载页面.

在return false从点击按钮时提交防止形式.

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