File Under: JavaScript

JavaScript Event – Reset

This code was written based on a template by John Resig. The original can be found at John Resig’s addEvent function website.

The code, and the template, are referred to in Webmonkey’s JavaScript Events reference page. In this example, the onReset event fires when a form’s reset button is pushed (if it exists). Note that the event is tied to the form and not the button itself.

The Code

<html>

<head>

<script>

// addEvent function by John Resig:

// http://ejohn.org/projects/flexible-javascript-events/

function addEvent( obj, type, fn ) {

  if ( obj.attachEvent ) {

    obj['e'+type+fn] = fn;

    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}

    obj.attachEvent( 'on'+type, obj[type+fn] );

  } else

    obj.addEventListener( type, fn, false );

}

</script>

</head>

<body>



<!-- HTML for example event goes here -->

<form id="myform">



<input id="mytext" type="text" value="default text -- change, then click reset" /><br />

<input id="myreset" type="reset" /><input id="mysubmit" type="submit" />

</form>



<script>

// Script for example event goes here

addEvent(document.getElementById('myform'), 'reset', function(event) {

	alert('Form is resetting');

});

</script>

</body>

</html>



What it Looks Like