OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script> | |
5 function log(message, console) { | |
6 document.getElementById(console).innerHTML += (message + "\n"); | |
7 } | |
8 | |
9 function logMouseOverOutEvent(ev) { | |
10 var target = (ev.target)? ev.target : ev.srcElement; | |
11 log(ev.type + " on " + target.id, 'console1'); | |
12 } | |
13 | |
14 function logMouseEnterLeaveEvent(ev) { | |
15 var target = (ev.target)? ev.target : ev.srcElement; | |
16 log(ev.type + " on " + target.id, 'console2'); | |
17 } | |
18 | |
19 function doTest() { | |
20 document.body.offsetLeft; | |
21 if (window.testRunner) { | |
22 eventSender.mouseMoveTo(1, 1); | |
23 eventSender.mouseMoveTo(90,140); | |
24 eventSender.mouseMoveTo(110,140); | |
25 eventSender.mouseMoveTo(130,140); | |
26 eventSender.mouseMoveTo(170,140); | |
27 eventSender.mouseMoveTo(180,140); | |
28 eventSender.mouseMoveTo(210,140); | |
29 | |
30 testRunner.dumpAsText(); | |
31 } | |
32 } | |
33 </script> | |
34 </head> | |
35 <body onload="doTest()"> | |
36 <div id="outer1" style="width:100px; height:100px; background-color:blue; to p:100px; left:100px; position:absolute" | |
37 onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEv ent(event)" | |
PhistucK
2013/07/08 17:57:26
Perhaps change all of the attribute names from cam
Mike West
2013/07/09 09:37:00
I've rewritten the tests.
| |
38 onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnt erLeaveEvent(event)"> | |
39 <div id="inner1" style="width:50px; height:50px; background-color:red; t op:20px; left:20px; position:absolute" | |
40 onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverO utEvent(event)" | |
41 onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMous eEnterLeaveEvent(event)"> | |
42 </div> | |
43 <div id="inner2" style="width:20px; height:20px; background-color:yellow ; top:30px; left:60px; position:absolute" | |
44 onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverO utEvent(event)" | |
45 onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMous eEnterLeaveEvent(event)"> | |
46 <div id="inner3" style="margin:5px; width:10px; height:10px; backgro und-color:green;" | |
47 onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseO verOutEvent(event)" | |
48 onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="log MouseEnterLeaveEvent(event)"> | |
49 </div> | |
50 </div> | |
51 </div> | |
52 <pre id="console1"></pre> | |
53 <br> | |
54 <pre id="console2"></pre> | |
55 </body> | |
56 </html> | |
OLD | NEW |