放置事件未设置dataTransfer

Question

I've read Is html5 drag and drop broken on safari browser for windows? several times, looked at countless other resources, but can't solve my problem with the top answer.

This is the code, if someone could modify it so that it works on Safari that would be much appreciated. The dragged html snippet is logged in the console on chrome, but not in safari. I'm quite new to js so need something verbose! thank you

$(window).load(function(){
   var dropbox = document.getElementById('image-drop-block');
   dropbox.addEventListener('dragenter', noopHandler, false);
   dropbox.addEventListener('dragexit', noopHandler, false);
   dropbox.addEventListener('dragover', noopHandler, false);
   dropbox.addEventListener('drop', drop, false);
   dropbox.addEventListener('dragend',noopHandler, false);

   function noopHandler(evt) {
   evt.stopPropagation();
   evt.preventDefault();
   }                

   function drop(evt) {
   evt.preventDefault();
   var droppedHTML = evt.dataTransfer.getData("text/html");
   console.log(droppedHTML);
   }
});

Answer 1

I see that the load function is not properly closed " ); ", this might be a typo? Do you have a working solution?