【问题标题】:Drop event not setting dataTransferDrop 事件未设置 dataTransfer
【发布时间】:2016-04-28 13:19:52
【问题描述】:

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

这是代码,如果有人可以修改它以便它可以在 Safari 上运行,那将不胜感激。拖动的 html sn-p 记录在 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);
   }
});

【问题讨论】:

  • 确认 - 这是 Mac 上的 Safari 版本 8.0.8 (10600.8.9)

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


【解决方案1】:

我看到加载功能没有正确关闭“);”,这可能是一个错字?您有可行的解决方案吗?

【讨论】:

  • 我更新了问题 - 谢谢。是的 - 解决方案适用于 chrome 和 firefox,但不适用于 safari
  • 我知道这可能不是正确的答案,但我在 safari 中遇到了同样的问题。这篇文章让我对 safari 的拖放图形有了更多的了解。这是链接:link
  • 嗨,Eric - 我找到了,但我无法解决我的问题。感谢您的尝试。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-02-15
  • 2016-02-04
  • 1970-01-01
相关资源
最近更新 更多