Run ❯
Get your
own
website
Result Size:
625 x 565
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h1>HTML DOM Events</h1> <h2>The relatedTarget Property</h2> <div onmouseover="getRelatedElement(event)" style="border:1px solid black;padding:8px"> <p>Mouse over this box.</p> </div> <div onmouseover="getRelatedElement(event)" style="border:1px solid black;padding:8px"> <p>Mouse over this box.</p> </div> <p id="demo"></p> <script> function getRelatedElement(event) { let text = "The cursor entered " + event.relatedTarget.tagName; document.getElementById("demo").innerHTML = text; } </script> </body> </html>