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 上查看此页面 • 报告此内容的错误