2012-02-16 10 views
3

私は簡単なドラッグアンドドロップ方式を構築したWebページを持っています。私はドラッグするとテキストが選択されないようにするにはuser-select:noneを使用し、ユーザーがテキストの上にマウスを置くと、テキスト選択バーが表示されないようにcursor:pointerを設定しています。残念なことに、マウスボタンを押したままアイテムをドラッグすると、ポインタは現在、テキストを選択しているかのようにIバーに変わります。この動作を変更する方法はありますか?ありがとう!HTMLでドラッグするときにマウスポインタを変更します

+1

ドラッグした要素にクラスを追加し、ルールを設定しますか? –

答えて

5

この動作を変更する方法はありますか?

はい。ユーザーが適切な項目をドラッグしたことを検出すると、マウスダウンイベントでデフォルトを回避する必要があります。

+1

これは私が欲しいものだが動作していないようだ。ここに私の関数があります:$(document).mousemove(function(e){ e.preventDefault(); if(dragInProcess){ $( '#dragItem')位置({ my: "left center" of:e、 オフセット: "3 -3" }); }; ' –

+0

@JoshuaSmith、私の一部で間違っているのは、mousedownイベントだったはずです。あなたがテキストの上にマウスを置いている場合 – zzzzBov

+0

これはマウスでページをスクロールすることもできません – wubbewubbewubbe

0

ドラッグアンドドロップを実装するたびに、ページ全体にマスクを配置して、mousemoveイベントをキャプチャします。このマスクには、関連するカーソルセットがあります。通常はcursor: move;です。