Javascript Sürükle ve Bırak: sürüklenen öğeyi başarılı bir şekilde izleyerek kaldırılıyor

Question

Yerel kullanıyorum ve javascript'te API'yi bırakın. Başarılı bir düşüşün ardından DOM'dan sürüklenen bir öğeyi nasıl kaldırabilirim?

• Ben damla olay dinleme denedim ama bu sadece sürüklenen üzerine düştü ve eleman başvurusu yok edilir elemanı ateş alır.
• dragend öğeyi dinlemeyi denedim, ancak bu bir düşüşün başarılı olup olmadığını bilmemize izin vermiyor.
• Farklı bir sekme veya tarayıcı arasında bir sürükleme oluşması durumunda sorunlara neden olabileceğinden, öğenin global değişkende sürüklenmesini engellemeye çalışıyorum. kutuya sürüklenebilir harflerin http://jsfiddle.net/KNG6n/3/

  listesi:

İşte bir örnek. Bir mektubun düğümü kutunun üzerine düştüğünde, listeden çıkarılmasını isterim (aynı harfi içeren başka liste öğelerini etkilemeden)

Answer 1

dragend olayı dinleyin ve sürüklenen öğesiyle şey yapmadan önce dataTransfer nesnenin dropEffect değişkeni kontrol edin: Bir de sürüklenen

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

Answer 2

Bunu bir yolun dışında bir değişkene atamak bir yoldur. dragstart ve düştüğünde bu elemanı kullanın.

See this fiddle.

Answer 3

Ayrıca, bu örnekte bir göz atın: http://html5demos.com/drag

var el = document.getElementById (e.dataTransfer.getData ('Metin'));

el.parentNode.removeChild(el);