JSFiddle - React, Tailwind, and code Playground

by pimvdb

HTML

<div id="drag" draggable="true">drag me</div>

<hr>

<div id="drop">
    drop here
    <p>child</p>
    parent
</div>

JavaScript

document.getElementById('drop').addEventListener('dragleave',
                                                 function(e) {
    console.log(e.relatedTarget);
});

document.getElementById('drag').addEventListener('dragstart',
                                                 function(e) {
    e.allowedEffect = "copy";
    e.dataTransfer.setData("text/plain", "test");
});