mousemove에서 Jquery drag가 실행되지만 mousedown에서는 실행되지 않습니다.

Question

그래서 Jquery-ui의 "draggable"을 사용하고 있습니다. 드래그 이벤트는 mousemove에서만 실행됩니다. 이제 내가 만들고있는 앱에 대해 mousemown뿐 아니라 mousedown에서도 실행해야합니다. 무슨 뜻인지 설명하기 위해 Jquery-ui 웹 사이트의 this 예제를 살펴보십시오. 요소는 마우스를 기준으로 특정 위치에 스냅되지만 마우스를 움직였을 때만 나타납니다. 이것이 기본 동작이 아니라는 것을 이해하지만 시뮬레이션해야합니다. 제가 여기 상황을 설명해 드리겠습니다.

나는 원 안에 상자가 있습니다. 사용자는 상자 주위로 원을 드래그 할 수 있지만 사용자가 상자의 다른 위치에 마우스를 놓으면 원이 커서에 스냅됩니다. 지금, 나는이 있습니다

$('#big-box').mousedown(function(event){ 
     $('#tiny-circle').trigger(event); 
    }); 

이 사용자가 상자에 어딘가에 클릭하면 상자에 사용자 mousedowns 다른 곳 mousemoves,하지만이 아닌 원에, 내가 필요로 할 때 드래그 이벤트가 시작되어 있는지 확인합니다 그 원을 커서에 맞 춥니 다. 어떻게 이것을 깨끗한 방법으로 진행할 수 있습니까? 나가 의미하는 것을 설명하기 위하여; Google's colorpicker 정확히 내 포인트를 보여줍니다. 원을 드래그하지만 원이 사용자가 클릭 할 때 커서에 스냅합니다. 좋아

Answer 1

그래서 몇 가지 실험 후 나는 이것이 내가이 문제에 깨끗한 솔루션으로 얻을 수있는 가까운 생각 :

$('#big-box').mousedown(function(event){ 
     $('#tiny-circle').css({left:event.offsetX,top:event.offsetY}); 
     $('#tiny-circle').trigger(event); 
    }); 

의도 한대로이 작동합니다.