私は簡単なドラッグアンドドロップ方式を構築したWebページを持っています。私はドラッグするとテキストが選択されないようにするにはuser-select:noneを使用し、ユーザーがテキストの上にマウスを置くと、テキスト選択バーが表示されないようにcursor:pointerを設定しています。残念なことに、マウスボタンを押したままアイテムをドラッグすると、ポインタは現在、テキストを選択しているかのようにIバーに変わります。この動作を変更する方法はありますか?ありがとう!HTMLでドラッグするときにマウスポインタを変更します
答えて
この動作を変更する方法はありますか?
はい。ユーザーが適切な項目をドラッグしたことを検出すると、マウスダウンイベントでデフォルトを回避する必要があります。
これは私が欲しいものだが動作していないようだ。ここに私の関数があります:$(document).mousemove(function(e){ e.preventDefault(); if(dragInProcess){ $( '#dragItem')位置({ my: "left center" of:e、 オフセット: "3 -3" }); }; ' –
@JoshuaSmith、私の一部で間違っているのは、mousedownイベントだったはずです。あなたがテキストの上にマウスを置いている場合 – zzzzBov
これはマウスでページをスクロールすることもできません – wubbewubbewubbe
ドラッグアンドドロップを実装するたびに、ページ全体にマスクを配置して、mousemove
イベントをキャプチャします。このマスクには、関連するカーソルセットがあります。通常はcursor: move;
です。
ドラッグした要素にクラスを追加し、ルールを設定しますか? –