HTML5ドラッグアンドドロップ（DnD）：カーソルの変更

HTML5のブラウザクライアント領域に要素をドラッグしている間に、どのようにカーソルを変更することができますか？HTML5ドラッグアンドドロップ（DnD）：カーソルの変更

これまでのところ、私はドラッグ中にデフォルトのカーソルを表示することができました（ドロップされていない場合はnoneカーソルを除く）。

私は、次のいずれかの話ではない：

カーソル以外にコピーまたはリンクシンボルを表示するには、 event.dataTransfer.dropEffectを使用してカーソル

以外の画像を表示するevent.dataTransfer.setDragImage()を使用して

、 event.dataTransfer.mozCursorを使用して、
のevent.dataTransfer.mozCursorを使用すると、デフォルトのシステム動作のみを実行するか、ar （私は主にChromeを対象としていてもほかに、私は、クロスブラウザのサポートをしたい）ことができますどちらも行カーソル、

私はCSS :hoverと:focus、および多くのJavaSscriptのトリックを使用してを含む他の多くのトリックを、試してみましたすべて役に立たない。

ありがとうございました。

出典

2013-02-18 XDR

ためhttp://api.jqueryui.com/draggable/#option-cursorを参照してください？ – Mahks

html 5ドラッグアンドドロップ（通常のマウス移動ではなく）を使用しているときにカーソルを変更することは可能だとは思わない。私はそれが安全のためだと思う、ウェブページは、領域を落とすことが予想外に振る舞うと思うようにユーザーを騙そうとしないようにする。私はドラッグアンドドロップの代わりに通常のマウスの動きを使用するように切り替えました。 – XDR

私は同じ問題があります。仰るとおりです。私たちはH5の代わりにmousedown/mousemoveイベントに戻る必要があるかもしれません。 –

要素をドラッグしながらカーソルを変更したいですか？あなたはこの解決策を見つけるか

$('YourElement').draggable({ 
    cursor: "crosshair" 
});

は、より多くの情報

出典

2017-03-22 15:59:16

HTML5ドラッグアンドドロップ（DnD）：カーソルの変更

答えて

関連する問題