728x90 300x250 제이쿼리 드래그앤 드랍1 드래그 앤 드랍 만들기 drag and drop 드래그 앤 드랍 의 동작을 나눠보면 1. 대상을 클릭 2. 클릭한 상태로 마우스 이동 3. mouseup 즉 이 3가지 동작을 실행했을때 각각 에 함수를 넣어준다. $imgs.on("mousedown",function(e){ $dragTarget = $(this); dragY=true; }) //문서에서 마우스를 이동했을때 $(document).on("mousemove", function(e){ if(dragY==true){ e.preventDefault(); //문서에서 클릭한 마우스 위치값을 변수에 저장 var endX = e.pageX; var endY = e.pageY; //클릭한 이미지의 위치를 마우스 위치로 설정 $dragTarget.offset({ //전역위치 설정 left:endX, top.. 2023. 5. 12. 이전 1 다음 728x90 반응형