I have one use-case which requires "Drag-n-Drop" API. I want to drag one div to another but the content/text inside that should not get dragged along with the . example:

<div class="dropzone">
    <div id="draggable" draggable="true" ondragstart="event.dataTransfer.setData('',null)">
        This div is draggable // ----> this should not get draggged when this div gets dragged.
    </div> </div> <div class="dropzone"></div> <div class="dropzone"></div> <div class="dropzone"></div>