隐藏拖动预览 – HTML拖放

我在我的一个网站上有拖放function。 一旦你开始拖动我的一个可拖动的div,就会有一个拖动元素的透明预览。 这实际上是我的用户准确放置元素的方式,因为它们拖动的内容并不直接反映丢弃的内容。

有没有办法删除或更好地将拖动预览更改为其他图像?

我相信你可以使用SetDragImage函数,它是Data Transfer API的一部分

以下链接有一些示例Javascript,它将事件附加到ondragstart事件。 使用DataTransfer API,您可以使用您想要的任何图像设置事件的拖动图像,甚至是不可见的图像。

.dragdemo { width: 170px; height: 100px; line-height: 100px; text-align: center; border-radius: 6px; background: green; color: #efe; } 
 
drag me