|
| 1 | +<!DOCTYPE html> |
| 2 | +<meta charset="utf-8"> |
| 3 | +<html> |
| 4 | +<style> |
| 5 | +html, body { |
| 6 | + margin: 0; |
| 7 | + font-family: -apple-system; |
| 8 | +} |
| 9 | + |
| 10 | +#source, #destination { |
| 11 | + width: 100%; |
| 12 | + margin: 0; |
| 13 | +} |
| 14 | + |
| 15 | +#destination { |
| 16 | + border: 1px blue green; |
| 17 | + height: 1024px; |
| 18 | +} |
| 19 | + |
| 20 | +#source { |
| 21 | + font-size: 150px; |
| 22 | + white-space: nowrap; |
| 23 | + height: 200px; |
| 24 | +} |
| 25 | +</style> |
| 26 | +<body> |
| 27 | + <div draggable="true" id="source"><strong style="color: purple">Rich text</strong></div> |
| 28 | + <div id="destination" contenteditable></div> |
| 29 | + <pre id="output"></pre> |
| 30 | +</body> |
| 31 | +<script> |
| 32 | + |
| 33 | +// The contents of this `result` dictionary will contain a map of {event type => {MIME type => data}}. |
| 34 | +result = {}; |
| 35 | + |
| 36 | +function updateResultWithEvent(event) { |
| 37 | + const eventData = {}; |
| 38 | + for (const type of event.dataTransfer.types) |
| 39 | + eventData[type] = event.dataTransfer.getData(type); |
| 40 | + result[event.type] = eventData; |
| 41 | + if (event.type === "drop") |
| 42 | + output.textContent = JSON.stringify(result, null, " "); |
| 43 | + event.preventDefault(); |
| 44 | +} |
| 45 | + |
| 46 | +function setCustomData(event) { |
| 47 | + event.dataTransfer.setData("text/plain", "ben bitdiddle"); |
| 48 | + event.dataTransfer.setData("foo/🤔👌🙃", "🤔👌🙃"); |
| 49 | + event.dataTransfer.setData("text/html", "<b>年年年</b>"); |
| 50 | + event.dataTransfer.setData("bar/מקור השם עברית", `<i>מקור השם עברית</i>`); |
| 51 | + event.dataTransfer.setData("text/uri-list", "https://www.apple.com"); |
| 52 | + event.dataTransfer.setData("baz/年年年", "https://www.webkit.org"); |
| 53 | + event.dataTransfer.setData("text/rtf", "AAAAAAAAAAA"); |
| 54 | +} |
| 55 | + |
| 56 | +source.addEventListener("dragstart", setCustomData); |
| 57 | +destination.addEventListener("dragover", updateResultWithEvent); |
| 58 | +destination.addEventListener("drop", updateResultWithEvent); |
| 59 | + |
| 60 | +if (window.testRunner && window.eventSender && window.internals) { |
| 61 | + internals.settings.setCustomPasteboardDataEnabled(true); |
| 62 | + testRunner.dumpAsText(); |
| 63 | + eventSender.mouseMoveTo(100, 100); |
| 64 | + eventSender.mouseDown(); |
| 65 | + eventSender.leapForward(500); |
| 66 | + eventSender.mouseMoveTo(100, 400); |
| 67 | + eventSender.mouseUp(); |
| 68 | +} |
| 69 | +</script> |
| 70 | +</html> |
0 commit comments