Drag cursor in javascript?

Question

I need to set the drag cursor in some places, but I can't see it listed here http://www.w3schools.com/cssref/pr_class_cursor.asp

In my case it appears when I drag some image :

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

Is there a code to use like body{cursor: drag} ?

Answer 1

You can use the move cursor paramater:

.target {cursor:move}

That cursor you are asking for is unique, if you want to use one with pure CSS then the best for this case is the move cursor.

Edit: For a custom cursor like the one you see, you can use the URL property value

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

You want to specify a default cursor at the end just incase the one specified by the URL cannot be used.

If you want this cursor only to appear when they are dragging then you'll have to apply this CSS rule to the element being dragged when the user clicks on it.

Answer 2

You may be able to use the vendor-specific grab cursor, but I don't think the support is quite there yet. It might be best to use a custom icon or, as suggested by Chris B., the move cursor.

.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;
}