html中，拖拽时产生的缩略图如何取消？

Question

如题，在html中拖拽一个元素或图片时时，会出现他的缩略图，请问如何取消掉缩略图的显示？

Answer 1

可以设置缩略图为一张透明的图片

dragbox.addEventListener('dragstart', function (ev) {
    var img = new Image();
    img.src = "XXX.png";//透明图片
    ev.dataTransfer.setDragImage(img, 0, 0);
}

我自己做了一个可以美化原生拖拽的draggable-polyfill，可以查看这篇文章https://segmentfault.com/a/1190000020842646

Answer 2

考虑用下这个属性
-webkit-user-drag:none;