是否可以在拖动时更改光标图标,使用HTML5原生拖放



我使用的是原生HTML5拖拽&拖放时,我正试图在拖动时更改光标图标。

我在拖动时注意到只有两种类型的图标。第一种是当你将项目移动到可拖放区域(底部有小矩形的默认光标(上时,以及当你不在那种区域(禁止图标(上时

是否可以更改光标图标?例如,当我在可滴管区域上时,我想要手动光标。此外,我还阅读了DataTransfer。dropEffectDataTransfer。effect Allowed,但这两个都没有解决我的问题。

此外,这不是CSS问题,因为我尝试

* {cursor: crosshair!important}

并且没有效果,光标没有改变。

我不认为可以将光标更改为抓取光标,而是仅限于预定义的dropEffects,如复制、移动和链接。

尝试这个

:global {
body.dragging,
body.dragging * {
cursor: url('./assets/cursors/grabbing.cur'), move !important;
}
}

最新更新