Evento onreset

Eventos DOM Objeto Evento

Definición y uso

Se produce el evento onreset al resetear el formulario.

Ejemplo

Ejemplo 1

Ejecutar JavaScript al resetear el formulario:

<form onreset="myFunction()">
  Introduce nombre: <input type="text">
  <input type="reset">
</form>

Prueba personalmente

Ejemplo 2

Muestra el texto insertado en el campo de texto antes de resetear:

var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);

Prueba personalmente

Ejemplo 3

Al usar el método reset() del objeto Form de HTML DOM, se desencadenará el evento onreset, que activará una función alert.

// Restablece los valores de todos los elementos en el formulario con id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Muestra algún texto al resetear el formulario
function myAlertFunction() {
  alert("The form was reset");
}

Prueba personalmente

Sintaxis

En HTML:

<element onreset="myScript">

Prueba personalmente

En JavaScript:

object.onreset = function(){myScript};

Prueba personalmente

En JavaScript, utiliza el método addEventListener():

object.addEventListener("reset", myScript);

Prueba personalmente

Notas:No se admite Internet Explorer 8 o versiones anteriores Método addEventListener().

Detalles técnicos

Burbuja: Soporte
Cancelable: Soporte
Tipo de evento: Evento
Etiquetas HTML soportadas: <form>
Versión DOM: Eventos de Nivel 2

Compatibilidad del navegador

Eventos Chrome IE Firefox Safari Opera
onreset Soporte Soporte Soporte Soporte Soporte
Eventos DOM Objeto Evento