如何在按钮单击 jquery 时停止页面重新加载答案

【问题标题】：How to stop page reload on button click jquery如何在按钮单击 jquery 时停止页面重新加载
【发布时间】：2016-02-01 14:59:09
【问题描述】：

我将下面的代码用于使用 jQuery 的按钮单击事件。单击按钮时，页面会重新加载。

$('#button1').click(function () {
    //Code goes here
    return false;
});

【问题讨论】：

【解决方案1】：

如果您的“按钮”是button 元素，请确保您明确设置了type 属性，否则WebForm 将默认将其视为提交。

<button id="button1" type="button">Go</button>

如果它是 input 元素，请使用 jQuery 执行以下操作：

$('#button1').click(function(e){
    e.preventDefault();
    // Code goes here
});

【讨论】：

【解决方案2】：

您可以使用event.preventDefault() 来防止发生默认事件（点击）。

$('#button1').click(function(e) {
    // prevent click action
    e.preventDefault();
    // your code here
    return false;
});

【讨论】：