html/dnd/drop-1.html

<!DOCTYPE html>

<p><a href="">link link link</a>
<p><img src="/admin/logo">

<div draggable=true style="font-size: 80%; margin:1em">
draggable div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
</div>

<div ondrop="drop(event)" ondragenter="return false" ondragover="return false">
div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div
</div>

<div id=result></div>

<script>
  var result = document.getElementById('result');
  function d (s) {
    var div = result.appendChild(document.createElement('div'));
    div.innerHTML = 'X';
    div.firstChild.data = s;
  }
  function drop (ev) {
    var dt = ev.dataTransfer;
    d ('drop; dropEffect = ' + dt.dropEffect);
    try {
      d ('- effectAllowed = ' + dt.effectAllowed);
    } catch (e) { 
    }
    if (dt.types) {
      for (var i = 0; i < dt.types.length; i++) {
        d ('- type = ' + dt.types[i]);
      }
    }
    d ('- text: ' + dt.getData ('text'));
    d ('- url: ' + dt.getData ('url'));
    try { d ('- file: ' + dt.getData ('file')); } catch (e) { }
    try { d ('- html: ' + dt.getData ('html')); } catch (e) { }
    try { d ('- image: ' + dt.getData ('image')); } catch (e) { }
    try { d ('- text/html: ' + dt.getData ('text/html')); } catch (e) { }
  }
</script>

1	<!DOCTYPE html>
2
3	<p><a href="">link link link</a>
4	<p><img src="/admin/logo">
5
6	<div draggable=true style="font-size: 80%; margin:1em">
7	draggable div div div div div div div div div div div div div div div div div
8	div div div div div div div div div div div div div div div div div
9	div div div div div div div div div div div div div div div div div
10	</div>
11
12	<div ondrop="drop(event)" ondragenter="return false" ondragover="return false">
13	div div div div div div div div div div div div div div div div div
14	div div div div div div div div div div div div div div div div div
15	div div div div div div div div div div div div div div div div div
16	div div div div div div div div div div div div div div div div div
17	div div div div div div div div div div div div div div div div div
18	div div div div div div div div div div div div div div div div div
19	div div div div div div div div div div div div div div div div div
20	</div>
21
22	<div id=result></div>
23
24	<script>
25	var result = document.getElementById('result');
26	function d (s) {
27	var div = result.appendChild(document.createElement('div'));
28	div.innerHTML = 'X';
29	div.firstChild.data = s;
30	}
31	function drop (ev) {
32	var dt = ev.dataTransfer;
33	d ('drop; dropEffect = ' + dt.dropEffect);
34	try {
35	d ('- effectAllowed = ' + dt.effectAllowed);
36	} catch (e) {
37	}
38	if (dt.types) {
39	for (var i = 0; i < dt.types.length; i++) {
40	d ('- type = ' + dt.types[i]);
41	}
42	}
43	d ('- text: ' + dt.getData ('text'));
44	d ('- url: ' + dt.getData ('url'));
45	try { d ('- file: ' + dt.getData ('file')); } catch (e) { }
46	try { d ('- html: ' + dt.getData ('html')); } catch (e) { }
47	try { d ('- image: ' + dt.getData ('image')); } catch (e) { }
48	try { d ('- text/html: ' + dt.getData ('text/html')); } catch (e) { }
49	}
50	</script>
51