JavaScript拖放：刪除拖動元素成功後下降

Question

我正在使用本機在JavaScript中拖放 API。如何在刪除成功後從DOM中刪除拖動的元素？

• 我試着聽下降事件，但這隻能得到它落到並沒有參考元素被拖動的元素上觸發。
• 我試着聽dragend元素，但這並不讓我知道是否成功下降。
• 我試圖避免存儲被拖動到全局變量中的元素，因爲如果在不同的標籤或瀏覽器之間發生拖動，這會導致問題。

下面是一個例子：http://jsfiddle.net/KNG6n/3/

的可拖進箱字母列表。當一個字母的節點被放在方框上時，我希望它從列表中移除（不影響包含相同字母的任何其他列表項目）

Answer 1

監聽dragend事件，並與拖動的元素做任何事情之前檢查dataTransfer對象的dropEffect來變量：在被拖拽

htmlElement.addEventListener('dragend', function(event){ 
    if(event.dataTransfer.dropEffect !== 'none'){ 
     $(this).remove(); 
    } 
}); 

Answer 2

一種方法是將此分配給變量作用域dragstart，並在丟棄時使用該元素。

See this fiddle.

Answer 3

另外看看這個例子：http://html5demos.com/drag

變種EL =的document.getElementById（e.dataTransfer.getData（ '文本'））;

el.parentNode.removeChild(el);