在javascript中拖动光标？答案

【问题标题】：Drag cursor in javascript?在javascript中拖动光标？
【发布时间】：2012-12-28 11:54:03
【问题描述】：

我需要在某些地方设置拖动光标，但是我在这里看不到它http://www.w3schools.com/cssref/pr_class_cursor.asp

在我的情况下，当我拖动一些图像时它会出现：

http://s2.subirimagenes.com/otros/previo/thump_8236773bgform29.jpg

是否有类似 body{cursor: drag} 的代码可以使用？

【问题讨论】：

标签： javascript html css events mouse-cursor

【解决方案1】：

您可以使用移动光标参数：

.target {cursor:move}

您要求的光标是独一无二的，如果您想使用纯 CSS 的光标，那么最适合这种情况的是移动光标。

编辑： 对于您看到的自定义光标，您可以使用 URL 属性值

.target{ cursor: url(mycursor.gif), auto; }

您想在末尾指定一个默认光标，以防无法使用 URL 指定的光标。

如果您希望此光标仅在拖动时出现，那么您必须将此 CSS 规则应用于用户单击时拖动的元素。

【讨论】：

我需要手 ;) 就像图片中一样。
OpenDNS 为我阻止了您的图片，也许其他图片托管服务也会阻止它发生在其他人身上？
编辑解释使用自定义光标
我在 ArchLinux 中使用带有 KDE 的 Firefox 18，当我拖动图像时，默认的光标图标会向我显示一只抓手。它必须是一些代码来获取这个光标，我确定它存在于每个光标主题中

【解决方案2】：

您也许可以使用特定于供应商的抓取光标，但我认为目前还没有支持。最好使用自定义图标，或者按照 Chris B. 的建议，使用移动光标。

.grab {
   cursor: url("http://www.example.com/openhand.cur") 8 8, move;
   cursor: -moz-grab;
   cursor: -webkit-grab;
}

.grabbing {
   cursor: url("http://www.example.com/closedhand.cur") 8 8, move;
   cursor: -moz-grabbing;
   cursor: -webkit-grabbing;
}

【讨论】：

@user，该图像描绘了一个类似于 3D 饼图的蓝色光标。获得这种类型光标的唯一方法是使用自定义图像。
光标是我光标主题中的标准光标。您的操作系统中应该有一个类似的
在标准安装的 Windows 7 Professional 上提供的任何默认主题中，我没有任何光标。
你有没有尝试拖动stackoveflow标志。它应该会出现，当然它不会像我一样是蓝色的，我使用的是 KDE 4.9。但应该看到类似的抓手。
当我拖动 StackOverflow 徽标时，我看到了“no-drop”光标。在 Windows 鼠标属性中，这被标记为“不可用”。