HTML5 拖拽拖动时放置更改图标/光标

HTML5 Drag amp; Drop Change icon/cursor while dragging(HTML5 拖拽拖动时放置更改图标/光标)

问题描述

我想知道如何在拖动 (dragover/dragenter) 图标/光标时进行更改，例如当我拖动输入以拒绝或允许部分时.当然，我可以用光标移动绝对定位的 DOM 的一部分，但我对原生 HTML5 解决方案感兴趣.

I'm wondering how to change during dragging (dragover/dragenter) icon/cursor when I dragenter for example to deny or allow section. Of course, I can move with cursor a part of DOM positioned absolutely, but I'm interested in native HTML5 solution.

谢谢！

推荐答案

你追求的是 dropEffect:

在dragstart中初始化:

Initialize it in dragstart:

event.dataTransfer.effectAllowed = "copyMove";

在 Dragenter 中更新:

Update it in dragenter:

event.dataTransfer.dropEffect = "copy";

这篇关于HTML5 拖拽拖动时放置更改图标/光标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！