2

Dart でドラッグするためのデフォルトのカーソル スタイルを防止しようとしています。onDragStart メソッドで、カーソル スタイルを「移動」に設定し、onDragEnd でデフォルトに戻します。

onDragStart(e) {
    prevCursor = placeholder.style.cursor;      
    placeholder.style.cursor = 'move';
}

onDragEnd(e) {
    placeholder.style.cursor = prevCursor;
}

ドラッグすると、カーソルはデフォルトで「許可されていない」スタイルのままになります。これを防ぐために多くの方法を試しました。たとえば、onDragStart メソッドでデフォルトを onSelectStart に設定しないようにしました。これは javascript でクロムの修正として推奨されていましたが、Dart では機能しません。

document.onSelectStart.listen( (e) {
    e.preventDefault();
    return false; 
});

CSSでデフォルトを設定しようとしましたが、これは私がこれを達成したい方法ではありませんが、それでも機能しません:

a:drag {
 cursor:move;
}

助言がありますか？

4

2 に答える 2

0

うーん...推測ですが、onDragEnterも処理する必要があるかどうかを確認してみてください。

于 2013-06-03T18:15:29.153 に答える
0

ドロップ ターゲットは、ハンドラーがドラッグ Enter イベントなどをキャンセルした場合、カーソル アイコンを「許可されていません」に設定します。
ドロップ ゾーンのハンドラーを作成するのが最も簡単な解決策です。

この問題を回避するために、マウス ダウン イベント、マウス移動イベントなどをキャプチャして、ここで行ったように要素を移動するために使用することができます: Dart で要素をドラッグして移動する

この男は、関連する問題をより詳細に説明しています: http://mereskin.github.io/dnd/

無関係ですが、一部のブラウザでは、要素のドラッグ中にデフォルトのカーソルアイコンしか使用できず、そのデフォルトを変更する方法がありません。

于 2016-02-01T15:16:09.230 に答える