在JavaScript中拖动光标？

Question

在JavaScript中拖动光标？

javascripthtmlcsseventsmouse-cursor

4

我需要在一些地方设置拖动光标，但是我在这里找不到它的列表：http://www.w3schools.com/cssref/pr_class_cursor.asp

在我的情况下，当我拖动某个图片时它会出现：

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

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

- fpilee

2个回答

3

您可能可以使用供应商特定的抓取光标，但我认为支持还不够。最好使用自定义图标或者像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;
}

- jeffjenx

@用户，该图像描绘了一个类似于3D饼图的蓝色光标。获取这种类型的光标的唯一方法是使用自定义图像。 - jeffjenx

光标是我光标主题中的标准光标。你的操作系统中应该有一个类似的光标。 - fpilee

在Windows 7专业版的标准安装中提供的任何默认主题中，我都没有任何看起来像那样的光标。 - jeffjenx

你试过拖动StackOverflow的标志吗？它应该会出现一个类似抓手的图标，当然它不会像我这样是蓝色的，因为我使用的是KDE 4.9。 - fpilee

1

当我拖动StackOverflow标志时，会显示“no-drop”光标。在Windows鼠标属性中，这被标记为“不可用”。 - jeffjenx

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Chris Bier · Accepted Answer

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

.target {cursor:move}

你所需要的光标是独一无二的，如果你想使用纯CSS来制作一个光标，那么在这种情况下最好使用移动光标。

编辑： 如果你想要像你看到的那样自定义光标，可以使用URL属性值。

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

如果URL指定的光标不能使用，您希望在最后指定一个默认光标。

如果您只想在拖动时出现此光标，则必须在用户单击元素时将此CSS规则应用于正在拖动的元素。