| <area shape="rect" coords="0,0,100,100" href="#"> |
| <img id="target" style="width: 200; height: 200; border: solid black;" usemap="#map"> |
| This box should turn green when hovered, except when the pointer is over the |
| var target = document.getElementById("target"); |
| target.addEventListener("mouseover", function(event) { |
| event.target.style.backgroundColor = "green"; |
| document.getElementById("result").innerHTML = "Green"; |
| target.addEventListener("mouseout", function(event) { |
| event.target.style.backgroundColor = ""; |
| document.getElementById("result").innerHTML = "Not green"; |
| if (window.eventSender) { |
| eventSender.mouseMoveTo(150, 150); |