/* ========================== Event Capture code ========================== */ var doc; function docClick() { doc.open(); doc.writeln(""); doc.writeln("Sequence of events:
"); doc.writeln("

Document clicked.

"); } function divClick() { doc.writeln("

Div clicked

" ); } function pClick() { doc.writeln("

Paragraph clicked

" ); } function imgClick() { doc.writeln("

Image clicked

" ); doc.close(); } function setup() { var obj; setBrowser(); doc = bottomFrame.document; if (isNav6) { topFrame.document.addEventListener( "click", docClick, true ); obj = getObject( "theDiv" ); obj.addEventListener( "click", divClick, true ); obj = getObject( "thePara" ); obj.addEventListener( "click", pClick, true ); obj = getObject( "theImg" ); obj.addEventListener( "click", imgClick, true ); } } /* ========================== Event Bubble code ========================== */ var doc; function docClick() { doc.writeln("

Document clicked.

"); doc.close(); } function divClick() { doc.writeln("

Div clicked

" ); } function pClick() { doc.writeln("

Paragraph clicked

" ); } function imgClick() { doc.open(); doc.writeln(""); doc.writeln("Sequence of events:
"); doc.writeln("

Image clicked

" ); } function setup() { var obj; setBrowser(); doc = bottomFrame.document; doc.writeln(""); if (isNav6) { topFrame.document.addEventListener( "click", docClick, false ); obj = getObject( "theDiv" ); obj.addEventListener( "click", divClick, false ); obj = getObject( "thePara" ); obj.addEventListener( "click", pClick, false ); obj = getObject( "theImg" ); obj.addEventListener( "click", imgClick, false ); } }

Please click the W3C logo.
W3C logo