HTMLFormElement: событие reset

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Событие reset срабатывает при сбросе <form>.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

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

onreset = (event) => {};

Тип события

Общее Event.

Примеры

В этом примере используется EventTarget.addEventListener() для прослушивания сброса формы и вывода текущего значения Event.timeStamp при каждом таком событии.

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

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

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`reset_event`	1	12	6	≤12.1	3	18	6	≤12.1	1	1.0	≤37

См. также

Элемент HTML <form>

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset_event