ドラッグ可能なdiv：2回目のドラッグ時の画像のように動作します

Question

私のページにはドラッグ可能なdivがあります。最初のドラッグで完全に動作します。 2番目のドラッグでは動作するようになりますが、divは画像のように「キャプチャ」されているように見えます。ドラッグが停止すると、divの「コピー」が表示され、mouseupイベントは登録されません。私が十分にクリアされていない場合、この男の問題と同じです：http://www.webdeveloper.com/forum/showthread.php?t=227602

これを引き起こしている可能性があり、克服する方法はありますか？

おかげ

編集： [OK]を、私は、this質問のおかげで答えを発見しました。

// bind dragStart handler to appropriate element: 
<script type="text/javascript"> 
    $("#handle").bind("mousedown", function(e) { dragStart(e) }); 
</script> 

function dragStart(event) { 

// bind mousemove and mouseup handlers to $(document), 
// get ininitial positions etc 

... 

// then do this: 

event.preventDefault(); 

} 

をし、ちょっとプレスト、すべてが良いです：あなたdragStart機能でクリック、将来の訪問者を保存するには、あなたがevent.preventDefault()で終わるを確認します。

Answer 1

@RichardH：また、CSSで次の点を考慮します。ドラッグしたとき

#handle { 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
} 

は、これは、要素の偶然の選択が無効になります。