| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| function log(message) { |
| document.getElementById('console').innerHTML += (message + "\n"); |
| } |
| |
| function logMouseEvent(ev) { |
| var target = (ev.target)? ev.target : ev.srcElement; |
| if (target.id) { |
| log(ev.type + " on " + target.id); |
| } |
| } |
| |
| function doTest() { |
| document.body.offsetLeft; |
| document.body.addEventListener('mouseenter',logMouseEvent,true); |
| document.body.addEventListener('mouseleave',logMouseEvent,true); |
| if (window.testRunner) { |
| eventSender.mouseMoveTo(1, 1); |
| eventSender.mouseMoveTo(90,140); |
| eventSender.mouseMoveTo(110,140); |
| eventSender.mouseMoveTo(130,140); |
| eventSender.mouseMoveTo(170,140); |
| eventSender.mouseMoveTo(180,140); |
| eventSender.mouseMoveTo(210,140); |
| |
| testRunner.dumpAsText(); |
| } |
| } |
| </script> |
| </head> |
| <body onload="doTest()"> |
| <div id="outer1" style="width:100px; height:100px; background-color:blue; top:100px; left:100px; position:absolute"> |
| <div id="inner1" style="width:50px; height:50px; background-color:red; top:20px; left:20px; position:absolute"> |
| </div> |
| <div id="inner2" style="width:20px; height:20px; background-color:yellow; top:30px; left:60px; position:absolute"> |
| <div id="inner3" style="margin:5px; width:10px; height:10px; background-color:green;"> |
| </div> |
| </div> |
| </div> |
| <pre id="console"></pre> |
| </body> |
| </html> |