Add event handler to form : Event Object « Event « JavaScript Tutorial

<html> 

<head> 
<title>W3C DOM Event Propagation</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>

15.1.Event Object
	15.1.1.	Event
	15.1.2.	event.data
	15.1.3.	event.height
	15.1.4.	event.layerX
	15.1.5.	event.layerY
	15.1.6.	event.pageX
	15.1.7.	event.pageY
	15.1.8.	event.screenX
	15.1.9.	event.screenY
	15.1.10.	event.target
	15.1.11.	event.type
	15.1.12.	event.which
	15.1.13.	event.width
	15.1.14.	Event.ABORT
	15.1.15.	Event.CHANGE
	15.1.16.	Add event handler to form