Событие onreset

Определение и использование

При сбросе формы происходит событие onreset.

Пример

Пример 1

Выполнение JavaScript при сбросе формы:

<form onreset="myFunction()">
  Введите имя: <input type="text">
  <input type="reset">
</form>

Попробуйте сами

Пример 2

Показывать текст в текстовом поле до сброса:

var x = document.getElementById("myInput");
alert("До сброса текст был: " + x.value);

Попробуйте сами

Пример 3

Используя метод reset() объекта HTML DOM Form сбрасывать форму. В этом случае будет инициирован.event onreset, который инициирует функцию alert.

// Сбрасывать значения всех элементов в форме с id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Показывать текст при сбросе формы
function myAlertFunction() {
  alert("Форма была сброшена");
}

Попробуйте сами

Грамматика

В HTML:

<элемент onreset="myScript">

Попробуйте сами

В JavaScript:

объект.onreset = function(){myScript};

Попробуйте сами

В JavaScript, используя метод addEventListener():

объект.addEventListener("reset", myScript);

Попробуйте сами

Комментарий:Интернет Эксплорер 8 и более ранние версии не поддерживаются Метод addEventListener().

Технические детали

Бубнительный: Поддержка
Отменяемый: Поддержка
Тип события: Event
Поддерживаемые теги HTML: <form>
Версия DOM: Уровень 2 событий

Поддержка браузерами

Событие Chrome IE Firefox Safari Opera
onreset Поддержка Поддержка Поддержка Поддержка Поддержка