使用窗體的window.onbeforeunload

Question

我將嘗試正確解釋這一點：

我有一個網站，上面有一個巨大的表格。 此表單具有大量字段，並且都由另一個JS文件運行。

確切地說：在我的表單中，我具有文本框的和下拉菜單。 我希望有人離開后可以“重置/刷新”我的頁面。 泡沫底部有一個按鈕，可讓您從站點移至購物車。

轉到購物車后，我希望能夠單擊“后退”按鈕，並將所有字段重置為原始狀態。 我嘗試將其放在頂部，但沒有任何效果。 也許我將其粘貼在錯誤的位置？：

<script type="text/javascript">
window.onbeforeunload = function () {
    }
   </script>

Answer 1

您可以嘗試在onload事件中重置表單，該事件將在第一次加載表單時以及在用戶使用“后退”按鈕導航回到表單時發生：

window.onload = function() {
    var frm = document.form1;   // put form name here
    for (var i = 0; i < frm.elements.length; i++)
        frm.elements[i].value = "";
};

演示： http ： //jsfiddle.net/bavRd/