드래그 가능한 div : 두 번째 드래그에서 이미지처럼 동작합니다.

Question

내 페이지에 드래그 가능한 div가 있습니다. 첫 번째 드래그에서 완벽하게 작동합니다. 두 번째 드래그에서 작동하기 시작하지만 div가 이미지 인 것처럼 캡쳐 된 것처럼 보입니다. 드래그가 중지되면 div의 "copy"가 나타나고 mouseup 이벤트가 등록되지 않습니다. 내가 충분히 명확하지 않은 경우이 사람의 문제와 동일 : http://www.webdeveloper.com/forum/showthread.php?t=227602

어떤 원인이 될 수 있고 극복하는 방법?

감사

편집 : 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; 
} 

이 요소의 우발적 인 선택을 비활성화합니다.