|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <title>Dynamically assigned drag and drop handlers</title> |
|
5 <script type="text/javascript" src="/MochiKit/MochiKit.js"></script> |
|
6 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> |
|
7 <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script> |
|
8 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> |
|
9 </head> |
|
10 <body onload="start()"> |
|
11 <script class="testbody" type="application/javascript"> |
|
12 |
|
13 SimpleTest.waitForExplicitFinish(); |
|
14 |
|
15 function start() |
|
16 { |
|
17 var element = document.getElementById("draggable_img"); |
|
18 |
|
19 var gotdragstart = false, gotdrag = false, |
|
20 gotdragenter = false, gotdragover = false, gotdragleave = false, |
|
21 gotdrop = false, gotdragend = false; |
|
22 |
|
23 element.ondragstart = function(event) {gotdragstart = true;} |
|
24 element.ondrag = function(event) {gotdrag = true;} |
|
25 element.ondragenter = function(event) {gotdragenter = true;} |
|
26 element.ondragover = function(event) {gotdragover = true;} |
|
27 element.ondragleave = function(event) {gotdragleave = true;} |
|
28 element.ondrop = function(event) {gotdrop = true;} |
|
29 element.ondragend = function(event) {gotdragend = true;} |
|
30 |
|
31 function dispatch(eventName) |
|
32 { |
|
33 var event = document.createEvent("DragEvents"); |
|
34 event.initDragEvent(eventName, true, true, window, 0, 5, 5, 5, 5, |
|
35 false, false, false, false, 0, null, null); |
|
36 element.dispatchEvent(event); |
|
37 } |
|
38 |
|
39 dispatch("dragstart"); |
|
40 dispatch("drag"); |
|
41 dispatch("dragenter"); |
|
42 dispatch("dragover"); |
|
43 dispatch("dragleave"); |
|
44 dispatch("drop"); |
|
45 dispatch("dragend"); |
|
46 |
|
47 ok(gotdragstart, "Got ondragstart event"); |
|
48 ok(gotdrag, "Got ondrag event"); |
|
49 ok(gotdragenter, "Got ondragenter event"); |
|
50 ok(gotdragover, "Got ondragover event"); |
|
51 ok(gotdragleave, "Got ondragleave event"); |
|
52 ok(gotdrop, "Got ondrop event"); |
|
53 ok(gotdragend, "Got ondragend event"); |
|
54 |
|
55 SimpleTest.finish(); |
|
56 } |
|
57 |
|
58 </script> |
|
59 |
|
60 <img src="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%18%00%00%00%18%02%03%00%00%00%9D%19%D5k%00%00%00%04gAMA%00%00%B1%8F%0B%FCa%05%00%00%00%0CPLTE%FF%FF%FF%FF%FF%FF%F7%DC%13%00%00%00%03%80%01X%00%00%00%01tRNS%08N%3DPT%00%00%00%01bKGD%00%88%05%1DH%00%00%00%09pHYs%00%00%0B%11%00%00%0B%11%01%7Fd_%91%00%00%00%07tIME%07%D2%05%0C%14%0C%0D%D8%3F%1FQ%00%00%00%5CIDATx%9C%7D%8E%CB%09%C0%20%10D%07r%B7%20%2F%E9wV0%15h%EA%D9%12D4%BB%C1x%CC%5C%1E%0C%CC%07%C0%9C0%9Dd7()%C0A%D3%8D%E0%B8%10%1DiCHM%D0%AC%D2d%C3M%F1%B4%E7%FF%10%0BY%AC%25%93%CD%CBF%B5%B2%C0%3Alh%CD%AE%13%DF%A5%F7%E0%03byW%09A%B4%F3%E2%00%00%00%00IEND%AEB%60%82" |
|
61 draggable="true" id="draggable_img"/> |
|
62 |
|
63 </body> |
|
64 </html> |