使用H5的drag和drop,被拖拽元素为什么会remove?

Question

1.请看现象:
https://codepen.io/xuyu/proje...

2.我想实现的效果是复制被拖拽元素到指定区域,不想删除被拖拽元素.

Answer 1

document.addEventListener("drop", function( event ) {  // prevent default action (open as link for some elements)  event.preventDefault();  // move dragged elem to the selected drop target  if ( event.target.className == "landingArea" ) {      event.target.style.background = "";      //dragged.parentNode.removeChild( dragged );      $(event.target).append($(dragged).clone().css('opacity', 1))  }}, false);