不能調用未定義的方法'setData'

Question

編輯1

使用方法dataTransfer.setData使它工作！

http://jsfiddle.net/UH7Sf/1/

d3.event.dataTransfer.setData('type',type); 

---

我使用的方法面臨的一個問題，使用setData和的getData d3.event

我有在頂部有一個可拖動IMG元素的div和一些內在第二個下降功能。

d3.select('img').on('dragstart', function() { 
    var type = d3.select(this).attr('type'); 
    console.log("Drag starts with "+ type); 
d3.event.transfer.setData('type',type);  
}); 

d3.select('.drop').on('drop', function() { 
    d3.event.preventDefault(); 
    var type = d3.event.transfer.getData('type'); 
    console.log("Drag ends with "+ type);  
}); 

d3.select('.drop').on('dragover', function() { 
    d3.event.preventDefault(); 
}); 

這裏是小提琴：http://jsfiddle.net/UH7Sf/

還有另一種解決方案使用D3（拖動&壓降範圍內transfering數據）這樣做呢？

Answer 1

event內部沒有任何物體，稱爲transfer。你可以做的一件事是嘗試event.setData()，但我不認爲這就是你想要的，因爲dragstart和drop事件是兩個不同的事件對象。

您可以改爲使用單獨的局部變量。例如。

var draggedType = null; 

d3.select('img').on('dragstart', function() { 
    var draggedType = d3.select(this).attr('type'); 
    console.log("Drag starts with "+ draggedType); 
}); 

d3.select('.drop').on('drop', function() { 
    d3.event.preventDefault(); 
    console.log("Drag ends with "+ draggedType); 
    // do something with draggedType here 

    draggedType = null; // reset draggedType to null when done, just in case 
});