Lorsque l'on utilise par exemple un input, on peut mettre des actions en rajoutant “onclic”, ou “onblur” ou autre évènement dans sa déclaration.
ex :

<input onblur="alert('sorti!');" name="i" value="" />

Ces évènements ne sont pas obligatoirement créés lors de la description de l'objet. Il existe une méthode en javascript qui permet d'attacher des évènements à un objet.
Le W3C recommande addEventListener :

objet.addEventListener( type, fn, false );
//ou objet est un objet
//type un évènement (sans le 'on' devant. ex 'clic')
//fn le nom de la fonction à appeler, sans les ()

mais comme d'habitude, IE n'en fait qu'à sa tête et ne reconnait que attachEvent :

objet.attachEvent( type, fn );
//ou objet est un objet
//type un évènement (avec le 'on' devant. ex 'onclic')
//fn le nom de la fonction a appeler, sans les ()

Lorsqu'un évènement attaché avec addEventListener ou attachEvent se déclenche, on peut faire référence à l'objet “this” dans la fonction appelée.
ex:

document.addEventListener( 'clic', test, false );
function test() {
alert(this.innerHTML);
}

John Resig a mis au point une fonction qui permet d'attacher un évènement et de TOUJOURS avoir l'objet qui la déclencher dans le “this”.
On l'utilise comme ceci :

addEvent( obj, 'clic', test );
//note : obj est un objet

Voici le code :

function addEvent( obj, type, fn ) {
//John Resig : http://ejohn.org/projects/flexible-javascript-events/
	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 );
}
function removeEvent( obj, type, fn ) {
//John Resig : http://ejohn.org/projects/flexible-javascript-events/
	if ( obj.detachEvent ) {
		obj.detachEvent( 'on'+type, obj[type+fn] );
		obj[type+fn] = null;
	} else
		obj.removeEventListener( type, fn, false );
}

function cancel() {
   //votre traitement...
   return false;
}
<input type="submit" onclick="return cancel();" value="ok" />

function cancel() {
   //votre traitement...
  if (arguments[0] && arguments[0].preventDefault)
    arguments[0].preventDefault(); // en DOM
  return false; // pour IE
}

— iDo 28/12/2005 13:13