Source code

Revision control

Other Tools

<!DOCTYPE html>
<title>drag &amp; drop - cross-document variable retention within event handlers</title>
<style>
body > div {
height: 200px;
width: 200px;
background-color: orange;
}
</style>
<script>
var evs = {};
window.onload = function() {
var orange = document.getElementsByTagName('div')[0];
orange.ondragstart = function(e) {
e.dataTransfer.effectAllowed = 'copy';
e.dataTransfer.setData('text', 'dummy text');
evs[e.type] = {};
evs[e.type].dataTransfer = e.dataTransfer;
evs[e.type].items = e.dataTransfer.items;
evs[e.type].types = e.dataTransfer.types;
evs[e.type].files = e.dataTransfer.files;
};
};
</script>
<div draggable="true"></div>
<p><iframe src="003-1.html" height="300" width="500"></iframe></p>
<noscript><p>Enable JavaScript and reload</p></noscript>