JSFiddle - React, Tailwind, and code Playground

HTML

<div id="square" draggable=true></div>

CSS

div {
     width: 100px;
    height: 100px;
    border: 1px groove black;
}

JavaScript

var elem = document.getElementById('square');
$(elem).on('dragstart', function (event) {
    alert('addEventListener');
    debugger;
    event.originalEvent.dataTransfer.setData('text','aa');
    //event.dataTransfer.setData('text','aa');
});
$(elem).trigger('dragstart');
//$(elem).mousedown();