Introduccion al JavaScript - Eventos

Los siguientes eventos están definidos. Un evento debe asociarse a un elemento HTML, no a un código JavaScript.

Generalmente se usan para a invocar a funciones que realizan alguna operación con el mismo elemento que las invoca, por eso, se define la palabra reservada this para referirse al objeto cuyo evento invocó a la funcion.

El ejemplo típico es sumar dos números:

<SCRIPT LANGUAGE="JavaScript">
 var valor1 = 0;
 var valor2 = 0;
 function Set1 ( ingreso ) { valor1 = parseInt( ingreso.value ); }

 function Set2 ( ingreso ) { valor2 = parseInt( ingreso.value ); }

 function totalizar ( boton ) { document.myform.total.value = valor1 + valor2; }
 </SCRIPT>
 <FORM NAME="myform">
 <p>Numero 1: <INPUT TYPE="text" NAME="numero1" onChange="Set1( this )"></p>

 <p>Numero 2: <INPUT TYPE="text" NAME="numero2" onChange="Set2( this )"></p>

 <INPUT TYPE="button" VALUE="Sumar" onClick="totalizar( this )">

 <INPUT TYPE="text" NAME="total">
 </FORM>