如何停止页面重新加载按钮点击jquery

Question

我正在使用下面的代码按钮点击事件使用jQuery。点击按钮时，页面重新加载。

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

Answer 1

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

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

Answer 2

如果你的“按钮”是一种button元素，确保你明确地设置type属性，否则的WebForm将把它作为默认提交。

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

如果它是一个input元素，用jQuery这样做有以下几点：

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

了解更多：event.preventDefault()