javascript - JavaScriptでカーソルをドラッグしますか?

Question

いくつかの場所にドラッグ カーソルを設定する必要がありますが、ここに一覧表示されていませんhttp://www.w3schools.com/cssref/pr_class_cursor.asp

私の場合、画像をドラッグすると表示されます：

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

body{cursor: drag} のように使用するコードはありますか?

Answer 1

移動カーソル パラメータを使用できます。

.target {cursor:move}

求めているカーソルはユニークです。純粋な CSS で使用する場合は、移動カーソルが最適です。

編集: 表示されているようなカスタム カーソルの場合、URL プロパティ値を使用できます。

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

URL で指定されたカーソルが使用できない場合に備えて、最後にデフォルトのカーソルを指定します。

ドラッグしているときにのみこのカーソルを表示したい場合は、ユーザーがクリックしたときにドラッグされている要素にこの CSS ルールを適用する必要があります。

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