我想知道如何在拖动(dragover/ dragenter )图标/光标的过程中进行更改,例如,当我使用dragenter时,如何更改为拒绝或允许部分。当然,我可以用光标移动DOM的一部分,但我对原生HTML5解决方案感兴趣。
谢谢!
发布于 2012-05-15 03:36:36
你在找dropEffect
在dragstart中初始化:
event.dataTransfer.effectAllowed = "copyMove";
在dragenter中更新它:
event.dataTransfer.dropEffect = "copy";
发布于 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;
}
发布于 2017-05-10 01:11:08
我也在努力实现同样的目标,但找不到一个好的解决方案。我最后所做的是将一个图像设置为dataTransfer,并在每次操作时更改其src。这样的话,行为至少在不同的浏览器上是一致的。以下是我用作参考的一个页面的链接:
https://stackoverflow.com/questions/10119514
复制相似问题