HTMLFormElement: reset 事件

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

當 <form> 元素重置時，會觸發 reset 事件。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。

addEventListener("reset", (event) => { })

onreset = (event) => { }

事件型別

一個通用的 Event。

示例

此示例使用 EventTarget.addEventListener() 來監聽表單重置事件，並在每次發生重置時記錄當前的 Event.timeStamp。

HTML

html

<form id="form">
  <label>Test field: <input type="text" /></label>
  <br /><br />
  <button type="reset">Reset form</button>
</form>
<p id="log"></p>

JavaScript

const form = document.getElementById("form");
const log = document.getElementById("log");

function logReset(event) {
  log.textContent = `Form reset! Timestamp: ${event.timeStamp}`;
}

form.addEventListener("reset", logReset);

結果

規範

規範
HTML # event-reset

瀏覽器相容性

另見

HTML <form> 元素

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 ⁨2025年10月1日⁩，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的錯誤