如何停止頁面重新加載按鈕點擊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()