<script type="text/javascript"> function start() { var two = window.document.getElementById( "two" ); two.addEventListener( "mouseout", report, false ); } function report( event ) { if ( event.relatedTarget.innerHTML == "One" ) window.alert( "One" ); else if ( event.relatedTarget.innerHTML == "Three" ) window.alert( "Three" ); } </script> </head> <body onload="start()"> <h3>Illustrating relatedTarget</h3> <p id="one" style="position: absolute; left: 30; top: 30">One</p> <p id="two" style="position: absolute; left: 45; top: 45">Two</p> <p id="three" style="position: absolute; left: 60; top: 60">Three</p> </body> </html>