是否可以使用HTML5原生拖放功能在拖动时更改光标图标
是否可以使用HTML5原生拖放功能在拖动时更改光标图标
提问于 2018-07-17 22:12:36
我正在使用原生的HTML5拖放，并且我试图在拖动的同时改变光标图标。
我在拖动时注意到只有两种类型的图标。第一个是当你在可放置区域(默认光标，底部有小矩形)上移动项目时，以及当你不在该区域上时(禁止图标)
可以更改光标图标吗？例如，当我在droppable区域时，我想要手形光标。我还读到了关于DataTransfer.dropEffect和DataTransfer.effectAllowed，的文章，但它们都没有解决我的问题。
这也不是CSS的问题，因为我尝试了
* {cursor: crosshair!important}没有效果，光标没有变化。
回答 2
Stack Overflow用户
发布于 2019-07-25 22:58:43
我不认为你可以把光标改成像grabbing cursor这样的东西，而是仅限于像copy、move和link这样的predefined dropEffects。
Stack Overflow用户
发布于 2018-07-18 14:21:31
尝尝这个
:global {
body.dragging,
body.dragging * {
cursor: url('./assets/cursors/grabbing.cur'), move !important;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51383625
复制相关文章
相似问题