>웹 프론트엔드 >JS 튜토리얼 >jquery_jquery를 기반으로 한 마우스 드래그 효과 코드

jquery_jquery를 기반으로 한 마우스 드래그 효과 코드

WBOY
WBOY원래의
2016-05-16 17:53:031049검색

"드래그 레이어"에 대한 이전 에세이에서 요소를 드래그할 수 있는지 여부를 결정하기 위해 부울 변수를 사용하여 드래그를 구현했던 것을 기억합니다.
지난 이틀 동안 몇 가지 내용을 읽은 후 이 부울 변수를 설정할 필요가 없다는 것을 알았습니다.

구현 과정:
마우스를 누르면 문서 객체(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)
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.