JSFiddle - React, Tailwind, and code Playground

by javadoug

HTML

<p>Drag the image!</p>

<a id="anchor" href="#">Title Text<img id="image" width="60px" style="border:thin solid black" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAUElEQVQ4jWNgGC6AnYGB4T8DA0MWtQx8DzWwlFKDeKEGwTBFBpaiGUaRgUxIhmyGYopdeIGBgcEEyk6ghoHIIGvUwFEDB4GBYQxULm2GEQAAp34kmuI8q1IAAAAASUVORK5CYII=" />Caption Text</a>

Log: <div id="log"></div>

JavaScript

$('body').on('dragstart', function (event) {
    console.log(event)
    $('#log').html(event.target.id + ' is the drag source');
});