javascript - 如何删除拖动(重影)图像？

Question

如何在拖动图像时去除重影。我们已经尝试过代码，它可以在 Firefox 和 chrome 中运行，但不能在 Safari 中运行。请任何人帮助我的代码有什么错误。 https://jsfiddle.net/rajamsr/Lfuq5qb6/

document.addEventListener("dragstart", function( event ) {
      dragged = event.target;
      event.dataTransfer.setDragImage(dragged, 11111110, 10);
}, false);

Answer 1

您可以通过显示空白/透明图像来防止显示重影预览:

document.addEventListener("dragstart", function( event ) {
    var img = new Image();
    img.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';
    event.dataTransfer.setDragImage(img, 0, 0);
}, false);