【问题标题】:Change mouse cursor when dragging a desktop document拖动桌面文档时更改鼠标光标
【发布时间】:2020-12-18 14:28:56
【问题描述】:

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

这是我想要的结果:here

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

这正是我的目标。

有人成功改过吗?

【问题讨论】:

  • 我在反应它似乎不起作用
  • 显然 dataTransfer 仅在 Firefox 中支持
  • 你要拖放上传文件吗?
  • 是的,我想在拖动文件时悬停某些区域时更改光标

标签: javascript html css cursor drag


【解决方案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 库
  • 尝试将文档拖动到放置区上,您将看到拖动的光标,而不是您配置的光标。这就是我要解决的问题
猜你喜欢
  • 2013-01-30
  • 2018-12-01
  • 2011-06-24
  • 2013-04-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-17
相关资源
最近更新 更多