Javascript 拖动桌面文档时更改鼠标光标

所以我有点卡住了，当从我的桌面拖动一个外部元素，如文档或文件夹时，我无法更改它的光标。 我已经尝试过更改整个页面的光标和主体光标、悬停效果或活动。 但是，当将文档从桌面拖到web上时，它似乎是一个完全不同的光标，不包含在web应用程序中

这是我想要的结果：

正如您在图片中看到的，我正在将一个图像拖到我的web应用程序上，当悬停控制台时，它将光标更改为“不允许”

这正是我的目标

---

有人成功地更改了它吗？

要添加功能，您应该编写javascript代码

正文{
光标：无下降；
}
.dropZone{
宽度：50%；
高度：300px；
边框：1px实心#000；
光标：移动；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

---

区域

它帮助您：我在react中，它似乎不起作用。显然，数据传输仅在Firefox中受支持。您想要拖放上载文件吗？是的，我想在拖动文件时在悬停某些区域时更改光标，如果它可以帮助我安装react平滑dnd库，请将文档拖动到dropzone上，然后您就会看到拖动的光标不是您配置的光标，而是拖动的光标。这就是我想要解决的问题