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

标签 css html drag-and-drop draggable

我正在使用 native HTML5 拖放操作,并尝试在拖动时更改光标图标。

我在拖动时注意到只有两种类型的图标。 首先是当您将元素移动到可放置区域(底部带有小矩形的默认光标)和当您不在那种区域(禁止图标)上时

是否可以更改光标图标?例如,当我在可放置区域上方时,我想要手形光标。我还阅读了有关 DataTransfer.dropEffectDataTransfer.effectAllowed 的内容,但这些都没有解决我的问题。

这也不是 CSS 问题,因为我尝试了

* {cursor: crosshair!important}

而且没有效果,光标没有变化。

最佳答案

我认为您不能将光标更改为类似 grabbing cursor 的东西但仅限于 predefined dropEffects例如复制、移动和链接。

关于css - 是否可以在拖动时更改光标图标,使用 HTML5 原生拖放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51383625/

相关文章:

html - 为什么我的 textarea 值在删除滚动条后没有居中?

css - 样式组件局部变量

html - 这个html声明是否重复

javascript - 日期选择器 javascript 和电子邮件检查 ajax java 脚本错误

html - 底部 :0 not working when position:absolute applied

javascript - scrollnav.js 小节不起作用

html - 在 Watir Ruby 中访问顺序相同的元素

JavaScript错误: Why I cannot clone/copy a tag from "li" to "table"?

javascript - 意外调用方法或属性访问?

javascript - CSS/HTML5 :hover state remains after drag and drop