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

问题描述

问 题

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

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

解决方案

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);

这篇关于javascript - 使用H5的drag和drop,被拖拽元素为什么会remove?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！