JSFiddle - React, Tailwind, and code Playground

HTML

<div id='test' class='block'></div>
<div id='test1' class='block'></div

CSS

.block{width:100px;height:100px;}
#test{background:black}
#test1{background:red}

JavaScript

jQuery(function($){
    $('#test').bind('drop', drop).bind('dragenter', drop).bind('dragover', drop).bind('dragleave', drop);
    $('#test1').bind('drop',drop);
    function drop(e){
        //alert(1);
        console.log(e);
        e.preventDefault();
        return false;
    }
})