在javascript中拖动光标?

时间:2013-01-14 13:59:25

标签: javascript html css events cursor

我需要在某些地方设置拖动光标,但我可以'看到在这里听到http://www.w3schools.com/cssref/pr_class_cursor.asp

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

The drag cursor http://s2.subirimagenes.com/otros/previo/thump_8236773bgform29.jpg http://s2.subirimagenes.com/otros/previo/thump_8236773bgform29.jpg

是否有像body {cursor:drag}一样使用的代码?

2 个答案:

答案 0 :(得分:5)

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

.target {cursor:move}

您要求的光标是唯一的,如果您想使用纯CSS,那么最好的情况是移动光标。

修改 对于您看到的自定义光标,您可以使用URL属性值

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

您希望在结尾处指定默认光标,但不能使用由URL指定的光标。

如果您希望此光标仅在拖动时显示,则您必须将此CSS规则应用于用户单击时拖动的元素。

答案 1 :(得分: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;
}