丢弃事件不设置dataTransfer

时间:2016-04-28 13:19:53

标签: javascript jquery google-chrome safari drag-and-drop

我已多次阅读Is html5 drag and drop broken on safari browser for windows?,看过无数其他资源,但无法用最佳答案解决我的问题。

这是代码,如果有人可以修改它,以便它可以在Safari上工作,非常感谢。拖动的html片段在chrome中记录在控制台中,但不在safari中记录。我对js很新,所以需要一些冗长的东西!谢谢

$(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);
   }
});

1 个答案:

答案 0 :(得分:0)

我看到加载功能未正确关闭" ); ",这可能是一个错字?你有一个有效的解决方案吗?