html中,拖拽时产生的缩略图如何取消?

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

已解决 悬赏分:0 - 解决时间 2021-11-26 12:50
反对 0举报 0 收藏 0

回答2

最佳
  • @

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

    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

    支持 0 反对 0 举报
    2021-11-26 08:52
  • @

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

    支持 0 反对 0 举报
    2021-11-26 10:05