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