使光标看起来像 HTML5 拖放光标

Question

HTML5 中的拖放在将元素拖过拖放区时使用以下光标形状：

是否可以在不使用拖放的情况下将光标设置为上述形状？

Answer 1

根据 MDN：

默认情况下，浏览器提供在拖动操作期间出现在指针旁边的图像。但是，应用程序可以使用 setDragImage() 方法定义自定义图像，如以下示例所示。

https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API#define_the_drag_image

所以理论上，你可以这样做：

1. 使用 User-Agent 确定用户最可能拥有的光标设计（例如 Chrome/Edge；Windows/Mac 等）
2. 提供适当的光标作为图像，例如：https://i.imgur.com/PTPR2sw.png

   html, body {
     height: 100%;
   }
   
   body {
     cursor: url("https://i.imgur.com/PTPR2sw.png"), default;
   }

   ...但显然这不是一个非常理想的方法。除非很紧急，否则等待游标有望在本机添加。