OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="../../fast/js/resources/js-test-pre.js"></script> | |
5 </head> | |
6 <body onload="runTest()"> | |
7 <input type="text" id="src"> | |
8 <input type="text" id="dst"> | |
9 <div id="log"></div> | |
10 <script> | |
11 description("This test verifies the order of events fired by drag-and-drop."); | |
12 | |
13 function runTest() | |
14 { | |
15 var src = document.getElementById('src'); | |
16 src.value = "abc"; | |
17 var dst = document.getElementById('dst'); | |
18 | |
19 | |
20 function log(message) | |
21 { | |
22 var span = document.createElement("span"); | |
yosin_UTC9
2013/09/20 03:53:58
nit: Using debug() can reduce code and use id="con
eustas
2013/09/20 05:13:15
Done.
| |
23 span.textContent = message; | |
24 document.getElementById("log").appendChild(span); | |
25 document.getElementById("log").appendChild(document.createElement("br")) ; | |
26 } | |
27 | |
28 var events = ['blur', 'change', 'drop', 'focus', 'input']; | |
yosin_UTC9
2013/09/20 03:53:58
nit: You can do
['blur', 'change', 'drop', 'focus
eustas
2013/09/20 05:13:15
Done.
| |
29 while (events.length) { | |
30 var event = events.shift(); | |
31 src.addEventListener(event, log.bind(null, event + ' src')); | |
32 dst.addEventListener(event, log.bind(null, event + ' dst')); | |
33 } | |
34 | |
35 src.select(); | |
36 eventSender.mouseMoveTo(src.offsetLeft + src.offsetWidth / 2, src.offsetTop + src.offsetHeight / 2); | |
37 eventSender.mouseDown(); | |
38 eventSender.leapForward(100); | |
39 eventSender.mouseMoveTo(dst.offsetLeft + dst.offsetWidth / 2, dst.offsetTop + dst.offsetHeight / 2); | |
40 eventSender.mouseUp(); | |
41 } | |
42 </script> | |
43 <script src="../../fast/js/resources/js-test-post.js"></script> | |
44 </body> | |
45 </html> | |
OLD | NEW |