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