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

Posted 2023-05-08

【中文标题】拖动桌面文档时更改鼠标光标

【英文标题】：Change mouse cursor when dragging a desktop document

【发布时间】：2020-12-18 14:28:56

【问题描述】：

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

这是我想要的结果：here

正如您在图片中看到的，我正在将图像拖到我的网络应用程序上，并且在将鼠标悬停在控制台上时，它会将光标更改为不允许。

这正是我的目标。

有人成功改过吗？

【问题讨论】：

它可以帮助你：***.com/questions/10119514/…

我在反应它似乎不起作用

显然 dataTransfer 仅在 Firefox 中支持

你要拖放上传文件吗？

是的，我想在拖动文件时悬停某些区域时更改光标

【参考方案1】：

要添加功能，你应该编写 javascript。

body
cursor: no-drop;

.dropZone
  width: 50%;
  height: 300px;
  border: 1px solid #000;
  cursor: move;
  display: flex;
  align-items: center;
  justify-content: center;

<div class="dropZone">zone</div>

【讨论】：

如果它可以帮助我安装 react-smooth-dnd 库

尝试将文档拖动到放置区上，您将看到拖动的光标，而不是您配置的光标。这就是我要解决的问题