"드래그 레이어"에 대한 이전 에세이에서 요소를 드래그할 수 있는지 여부를 결정하기 위해 부울 변수를 사용하여 드래그를 구현했던 것을 기억합니다.
지난 이틀 동안 몇 가지 내용을 읽은 후 이 부울 변수를 설정할 필요가 없다는 것을 알았습니다.
구현 과정:
마우스를 누르면 문서 객체(of 물론 다른 DOM 객체일 수도 있습니다) 핸들러 함수를 이동 이벤트에 바인딩하고 마우스를 올릴 때 릴리스 핸들러 함수도 바인딩합니다.
//마우스를 누르고 움직일 때 (드래그) ,
function startSelection(event){
...
}
//이동 취소 시 처리 함수
function cancelSelection() {
$ (document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection);
}
//마우스를 눌렀을 때 호출되는 함수
function imgMouseDown( 이벤트){
$(document).mousemove(startSelection).mouseup(cancelSelection)
}
$img.bind("mousedown",imgMouseDown)