모바일 브라우저에서 드래그 앤 드롭

-1

그래서 최근에 기본 드래그 앤 드롭이 IE5에서 실제로 도입되었다는 것을 알았습니다 (이전에 IE9에서 더 최근에 추가 된 것으로 생각 했었습니다 ... 더 잘못 할 수는 없었습니다!)모바일 브라우저에서 드래그 앤 드롭

어쨌든 요소 집합에 끌어서 놓기를 구현했지만 모바일 장치가 끌어서 놓기 이벤트를 지원하지 않는 것으로 나타났습니다.

나는 터치 이벤트에 대해 많이 알지는 못한다. 그리고 나는 그들에 대해 알 수있는 것이 매우 혼란 스러웠다.

드래그 앤 드롭으로 뭔가 잘못하고있는 것일 수 있습니까? 아니면 누군가가 Touch 이벤트에 대한 이해가가는 소개를 가르쳐 줄 수 있습니까?

출처

2012-12-12 Niet the Dark Absol

왜 downvote? 나는 나 자신을 알고 싶다. –

jQuery를 사용하는 것을 선호하지 않는다고 생각합니다. 아래 리소스는 jQuery를 사용하지 않고 Touch 이벤트를 처리하는 데 도움이 될 수 있습니다.

1. W3C W3C의 터치 이벤트의 4 개 종류가 언급이 권고 15 2011 년 12 월에 "터치 이벤트 버전 1"후보 권고안을 발표했다 http://www.w3.org/TR/touch-events/#dfn-touch-point

touchstart event 
touchend event 
touchmove event 
touchcancel event

2. 모질라 개발자 네트워크에 모질라 개발자 네트워크

https://developer.mozilla.org/en-US/docs/DOM/Touch_events

, 당신은 "이벤트를 터치"를 예제 코드는 터치 이벤트를 처리 할 수의 정의를 볼 수 있습니다.

function startup() { 
    var el = document.getElementsByTagName("canvas")[0]; 
    el.addEventListener("touchstart", handleStart, false); 
    el.addEventListener("touchend", handleEnd, false); 
    el.addEventListener("touchcancel", handleCancel, false); 
    el.addEventListener("touchleave", handleLeave, false); 
    el.addEventListener("touchmove", handleMove, false); 
}

3. 아이폰 OS 개발자 라이브러리 애플의 문서는 iOS의 "지원 이벤트"를 알고 도움이 될 수 있습니다

http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5

. HTML5에서

http://www.html5rocks.com/en/mobile/touch/

물품 "MULTI-TOUCH 웹 개발"jQuery를없이 유용한 코드 예를 나타낸다 TUTORIALS을 흔든다.

출처

2012-12-12 06:42:06 naota

링크 주셔서 감사합니다. 지금 내 주요 질문은 "터치 시작/터치"와 "클릭"의 차이점을 어떻게 말합니까? –

물론, 나는 당신에게 동의합니다. 여러 브라우저/장치에서 "터치 시작/터치"와 "클릭"의 차이점을 알리는 것은 복잡한 문제입니다. 'pointer.js'의 작성자 인 Boris Smub의 블로그 페이지를 살펴 보는 것이 좋습니다. http://smus.com/mouse-touch-pointer/ – naota

jQuery가 가장 좋은 해결책이 될 수 있습니다. How to use jQuery Mobile for its touch event support only (no UI enhancements)? 터치 이벤트를 기본 이벤트 시스템이 아닌 js UI 라이브러리로 관리하는 것이 좋습니다.

출처

2012-12-12 04:57:42 jawerty

음 ... 문제는 jQuery 사용에 반대하는 것입니다. jQuery가 제공해야하는 모든 기능 *을 사용하지 않는 한 jQuery는 낭비입니다. 특히 휴대 기기에 적합합니다. 한 번 모바일 jQuery를 시도했고 페이지를 다운로드하는 데 10 초, 파일을 실행하는 데 20 초가 걸렸습니다. 이 질문은 특히 터치 장치 (주로 전화 임)에서 사이트 작동을 만들기 위해 노력한 것이므로 jQuery가 적절한 대답이라고 생각하지 않습니다. –

jquery 사용을 거부하면 jquery없이 작업을 수행 할 수 없을 때 불평을하지 않습니다.또한 jquery mobile은 jquery의 모바일 버전이 아닙니다. 부트 스트랩과 비슷한 UI 프레임 워크가 아닌 일반적인 jquery와 같은 라이브러리입니다. 그냥 일반 jquery를 사용하고, 정기적 인 jquery가 여전히 당신을 위해 너무 clunky 있다면, zepto를 시도하십시오. –

jQuery 모바일은 성능에 신경 쓰지 않는 모바일 애플리케이션에 적합합니다. – redV

모바일 브라우저에서 드래그 앤 드롭

답변

관련 문제