JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    </head>
    <body>DROP</body>
</html>

JavaScript

$(document).ready(function(){
     document.getElementsByTagName('body')[0].addEventListener('dragover', function(e){
        e.preventDefault();
        e.stopPropagation();
        alert("DragOver");
    }, false);
    document.getElementsByTagName('body')[0].addEventListener('drop', function(e){
        e.preventDefault();
        e.stopPropagation();
        alert("Dropped");
    }, false);
});