拖放代碼，適用於FireFox，但不適用於IE瀏覽器

Question

我有以下拖放代碼。它在Firefox上正常工作，但在IE上不起作用。

//This function starts the event 
function dragStart(ev) { 
    ev.dataTransfer.effectAllowed= 'move'; //Makes the element movable 
    ev.dataTransfer.setData("Image", ev.target.getAttribute('id')); // Grabs the element by its id 
    return true; 
} 

//Prevents default but does not turn it off 
function dragEnter(ev) { 
    ev.preventDefault(); 
    return true; 
} 

//Turns off the dragover event and prevents default behavior 
function dragOver(ev) { 
    return false; 
} 

//This function performs the actual drop 
function dragDrop(ev) { 
    var oldImgId = ev.dataTransfer.getData("Image"); //The dragged element’s id is set to a variable 

    ev.preventDefault(); 
    moveImg(oldImgId); 
} 

我從IE中的這些錯誤，當我試圖拖動圖像：

1）

'target' is null or not an object line 71 
line 71 refers to: ev.dataTransfer.setData("Image", ev.target.getAttribute('id')); // Grabs the element by its id 

2）

Object doesn't support this property or method line 77 
line 77 refers to: ev.preventDefault(); 

Answer 1

您可能需要使用jQuery的UI拖動&，因爲它旨在與所有當前瀏覽器一起使用。 http://jqueryui.com/demos/droppable/

http://jqueryui.com/demos/draggable

Answer 2

IE僅支持文本或URL作爲數據，因此 '圖像' 將不起作用。嘗試

ev.dataTransfer.setData("Text", ev.target.getAttribute('id')); 

而這裏的文檔： http://msdn.microsoft.com/en-us/library/ms536744(v=vs.85).aspx