JavaScript Programming JavaScript > Code Examples Add event handler to form Add event handler to form <html> <head> <title>W3C DOM Event Propagation - Happy Codings :-) Javascript Programming</title> <script type="text/javascript"> function init() { document.forms[0].addEventListener("click", formBubbleEvent, false); } function formBubbleEvent(evt) { alert("FORM only on BUBBLE."); } function getPhase(evt) { switch (evt.eventPhase) { case 1: return "CAPTURING"; break; case 2: return "AT TARGET"; break; case 3: return "BUBBLING"; break; default: return ""; } } </script> </head> <body onload="init()"> <form> <input type="button" value="Button 'main1'" name="main1" onclick="alert('button (' + getPhase(event) + ').')" /> </form> </body> </html>