2016-04-28 67 views
0

我讀過Is html5 drag and drop broken on safari browser for windows?幾次,看了無數其他資源,但無法解決我的問題與最佳答案。刪除事件沒有設置dataTransfer

這是代碼,如果有人可以修改它,以便它在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); 
    } 
}); 
+0

確認 - 這是Safari 8.0.8(10600.8.9) –

回答

0

我看到加載函數沒有正確關閉「);」,這可能是一個錯字?你有沒有工作解決方案?

+0

我更新了問題 - 謝謝。是的 - 解決方案在Chrome和Firefox中工作,但不是safari –

+0

我知道這可能不是正確的答案,但我在safari中遇到同樣的問題。這篇文章讓我更加深入地瞭解了safari的拖放圖形。這裏是鏈接:[鏈接](http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/) – ThatAwesomeCoder

+0

嗨埃裏克 - 我發現,但我解決不了我的問題。感謝您的嘗試。 –