HTMLFormElement: reset 事件

基线 广泛可用

此功能已得到良好建立，可在许多设备和浏览器版本上运行。它自 2015 年 7 月.

当 <form> 重置时，将触发 reset 事件。

语法

在诸如 addEventListener() 之类的 方法中使用事件名称，或者设置事件处理程序属性。

js
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

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

const form = document.getElementById("form");
const log = document.getElementById("log");
form.addEventListener("reset", logReset);

结果

规范

规范
HTML 标准
# event-reset

浏览器兼容性

BCD 表仅在浏览器中加载

另请参阅