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	wakaba	1.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