控制台输出出现一毫秒？

Question

我正在使用jQuery，我实现了一个按钮点击处理程序。为了测试，我一直在设置一个控制台输出，其内容为“test”。但是，单击按钮时，输出将显示在控制台中，但仅在短时间内再次消失。每次单击按钮时都会重复。

JS代码：

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

HTML code：

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

有解决方法吗？

Answer 1

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

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

如果您不取消默认操作，浏览器只会重定向，不会让任何时间运行任何javascript内容。