與window.history.back（）不一致

Question

我在MVC視圖中有以下代碼，我用它來測試window.history.back（）

如果用戶單擊段落標記內的鏈接（以紅色突出顯示），window.history.back（）將按預期執行。 它將我帶回到上一頁，並在該頁面上維護狀態。 但是，如果用戶單擊該按鈕，我不會得到相同的行為。 重新加載當前視圖，或者至少嘗試重新加載當前頁面。 但它失敗了。 並且無論jQuery是否被執行，或者我在Button onClick中調用window.history.back（）調用，都會發生同樣的事情。

一條可能有用的信息。 該按鈕位於HTML.BeginForm內，而段落標記中的行則不是。

任何人都知道為什么會這樣嗎？

Answer 1

瀏覽器可能將按鈕解釋為提交按鈕並提交表單，從而導致頁面刷新。 添加type="button"將阻止這種情況。

<button type="button">Cancel</button>

Answer 2

$('#cancelButton').click(function(e){
    e.preventDefault();

    /* ... code ... */
});