Ejemplo del Modelo de Eventos del DOM

Esta página intenta mostrarte como funciona el Modelo de Eventos del DOM 2.0.
 Te recomiendo que antes leas de la página "El Manejo de Eventos del DOM.pdf" . 
 Si ya leíste el documento, sabrás que cuando se dispara un evento, hay dos
 fases en el flujo del evento que son: Captura (Capture - de arriba hacia abajo en el árbol) y 
 Burbujeo  (Bubbling - de abajo hacia arriba en el árbol).
 Debajo de la segunda línea (<hr>) hay un <form> que contiene un <a> y un
 <input>(botón). El árbol se vería así:
 				body
   				|---form
					|--- a
					     |---input
 Podemos cambiar con las listas disponibles, los escuchadores de eventos de la forma que 
 queramos tanto para el <form> como para el <a> y el <input> en la etapa de
 Captura  o Burbujeo. Luego cargamos los escuchadores con el bot� disponible para eso
 y los borramos cuando queremos cambiarlos. Haciendo click en el botón Probar vas a
 poder observar como seteaste el flujo del evento onClick().
 También podés asignarle un escuchador de eventos en la fase de captura al
 objeto <a>, lo que te permite ver como trata el DOM distintos escuchadores de eventos
 y manejadores para un mismo objeto.
Si no puedes correr la página por no diponer del Browser necesario; esto es, tu browser
 no se adapta al estandard DOM, puedes ver el código que de todas maneras sirve para aprender.
Ahora sí, prueba el ejemplo... 

Seleccione el momento de carptura del evento "onClick()" del botón Prueba...

Realizado por Juan Alberto Devincenzi. 2003.

Links Relacionados:

• Ejemplo de HTML Dinámico
• Seminario de redes