jQuery 드래그 가능한 div 구현 코드 스크립트 하우스 수정된 version_jquery

물론 코드도 사용하기 매우 편리하고, 혼자서 많은 것을 생각할 필요가 없습니다.
연구 과정에서 div 드래그를 구현하기 위해 jQuery를 사용했습니다. 코드는 이 기사 끝에 첨부되어 있습니다.
구현에 대한 아이디어는 내 기사 Draggable DIV (2)를 참조하세요.
jQuery 중국어 웹사이트의 예제를 참고해보면 div 창의 제목 표시줄에 click 이벤트가 발생하면 div의 위치가 조금 더 높게 이동되고 mouseup 이벤트가 등록된 것을 발견했습니다. 전체 div 창. 이 아이디어는 나에게 매우 영감을 주었습니다. 마우스가 매우 빠르게 움직이고 div가 따라잡을 수 없는 오류를 해결합니다.
또한 이벤트 버블링에 주의하세요. jQuery 및 div 드래그를 구현하는 모든 js 코드에서는 이벤트 버블링을 방지해야 합니다.
jQuery의 바인딩 또는 바인딩 해제 방법에서는 함수의 반환 값으로 false를 사용하는 것이 가장 좋습니다. 믿을 수 없다면 true를 시도해 볼 수 있습니다.
일반 코드에서는 stopPropagation 메소드를 사용하여 이벤트 버블링 프로세스를 중지합니다.
렌더링:

jquery-1.2.6.js가 텍스트에 로드된다는 점에 유의하세요

코드 복사 코드는 다음과 같습니다.