4

HTML 5 Drag-drop API のドラッグ オーバー操作が発生しているときに実際にカスタム カーソルを使用しようとしていますが、ドラッグ オーバー イベントがトリガーされたときにデフォルトのカーソルをオーバーライドすることはできません。ここに私がそれを達成しようとする方法のコードがあります、

$("#myDiv").live('mousedown', function(ev) {
  $(this).css("cursor", "url(res/customCursor.cur), default !important");
});

ドラッグオーバーイベントが発生するとマウスが押されるので、ドラッグドロップの対象のマウスダウンイベントでカーソルを変更してみます。また、dragover イベントのイベント ハンドラーでカーソルを変更しようとしましたが、それでも機能しません。

4

1 に答える 1

1

スタイルシート定義(<style>要素または.cssファイル)で、次のようなクラスを作成します

.dragAndDropInProgress {
  cursor: url(....), default !important; 
}

次に、ondragstartを通知するときに、そのクラスをドキュメントの本文にアタッチします。ondragendが表示されたら、必ずクラスを削除してください。

于 2013-03-08T23:22:29.263 に答える