控制台输出出现一毫秒？

Question

我正在使用 jQuery，并且我已经实现了一个按钮单击处理程序。为了测试，我一直在设置内容为“test”的控制台输出。但是，当单击按钮时，输出会出现在控制台中，但只是短暂的片刻，然后再次消失。每次单击按钮时都会重复。

JS代码：

$(document).ready(function () {
$("#go").click(function () {
    console.log("test");
});
});

HTML 代码：

<form class="navbar-form navbar-right">
         <button id="go" class="btn btn-default">Go</button>
</form>

有解决办法吗？

Answer 1

这是因为按钮提交表单并在浏览器中重新加载整个页面。如果您想留在同一页面并继续执行一些 javascript 代码，请通过从您的 click 处理程序返回 false 来取消此按钮的默认操作：

$(document).ready(function () {
    $("#go").click(function () {
        console.log("test");
        return false;
    });
});

如果您不取消默认操作，浏览器将简单地重定向，没有时间运行任何 javascript 内容。