HTML5拖放拖动时更改图标/光标
HTML5拖放拖动时更改图标/光标
提问于 2012-04-12 15:47:22
我想知道如何在拖动(dragover/ dragenter )图标/光标的过程中进行更改，例如，当我使用dragenter时，如何更改为拒绝或允许部分。当然，我可以用光标移动DOM的一部分，但我对原生HTML5解决方案感兴趣。
谢谢!
回答 4
Stack Overflow用户
发布于 2012-05-15 03:36:36
你在找dropEffect
在dragstart中初始化：
event.dataTransfer.effectAllowed = "copyMove";在dragenter中更新它：
event.dataTransfer.dropEffect = "copy";Stack Overflow用户
发布于 2018-02-15 08:30:40
添加纯css解决方案，这可能对少数人有用。在html元素上使用这个类。
.grab {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
.thumbnails-list{
cursor: pointer;
}
}
.grab:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}Stack Overflow用户
发布于 2017-05-10 01:11:08
我也在努力实现同样的目标，但找不到一个好的解决方案。我最后所做的是将一个图像设置为dataTransfer，并在每次操作时更改其src。这样的话，行为至少在不同的浏览器上是一致的。以下是我用作参考的一个页面的链接：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10119514
复制相关文章
相似问题