이 기사에서는 jQuery 모바일 브라우저에서 드래그 앤 드롭의 어려움을 분석하기 위해 예제를 사용합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
원래는 아이폰처럼 마음대로 드래그할 수 있는 컨트롤 버튼을 모바일 웹페이지에 구현하고 싶었으나 결국 허사로 돌아갔네요,
모바일 브라우저에서는 드래그 앤 드롭 동작이 일반적이지만 모바일 브라우저에서는 드래그 앤 드롭이 가능한 구성 요소를 구현하는 것이 불가능합니다.
먼저 PC 웹페이지에서 드래그 앤 드롭 동작이 어떻게 수행되는지 살펴보겠습니다.
먼저 클릭하면 동작을 수행하는 버튼이 있습니다. iPhone의 제어 버튼처럼 마음대로 드래그할 수 있습니다.
위처럼 회색 레이어를 작성하기가 쉽지 않네요,
먼저 회색 레이어의 위치 속성을 절대값으로 변경해야 합니다. 그런 다음 jquery 스크립트에서 구현해야 할 작업의 주요 요점은 클릭과 mousedown mouseup 동작 쌍을 구별하는 것입니다. 원래는 mousedown mouseup과 동일하지만 일정 기간 동안 mousedown 후 unbind는 cilck 동작에 대한 레이어 바인딩을 즉시 지워서 시스템에 mousedown 이후의 동작이 클릭과 관련이 없음을 알려줍니다.