HTML5 끌어서 놓기를 사용하는 동안 선택 사용 안 함

HTML5 끌어서 놓기를 사용하면 드래그 가능한 컨테이너 내의 텍스트를 선택할 수 없게됩니다.HTML5 끌어서 놓기를 사용하는 동안 선택 사용 안 함

텍스트의 부모 요소에 사용자 선택 CSS 태그를 추가하려했지만 도움이되지 않았습니다.

[draggable] { 
    -moz-user-select: all; 
    -khtml-user-select: all; 
    -webkit-user-select: all; 
     user-select: all; 
    }

이 fiddle (HTML5 Rocks)은 내가 가지고있는 문제를 보여줍니다.

HTML5 Rocks Drag and Drop tutorial은 "다른 유형의 콘텐츠를 드래그 할 수있게하려면 HTML5 DnD API를 활용해야합니다."라고 말합니다. 나는 그것이 어떻게 작동하는지 모르겠다.

이 fiddle이 작동하지만 jQuery UI를 사용하면 무거운 페이로드로 인해 jQuery UI를 사용할 수 없다.

드래그 앤 드롭을 사용하여 선택하기위한 표준의 간단한 방법이 있습니까?

2012-10-22 yekta

http://jsfiddle.net/oceog/6sRe8/1/ 내가 대답 –

그것은 작동 않았다에서 설명 할 것입니다, 그것은 당신을 위해 일하는 내가 알려 주시기 바랍니다! 그래서 주위에 방법이없는 것처럼 보이지만 드래그 가능한 요소를 작은 항목으로 변경하는 것이 트릭입니다. – yekta

네, 어떻게 상상력을 선사하고 같은 요소를 드래그합니까? 그것은 단지 하나의 육체적 인 행동 (마우스로 끌기)입니다. –

-1

그래서 간단한 속임수는 전체 요소가 아닌 드래그 가능한 헤더 요소를 만드는 것입니다.

<div class="dragme"> 
    <header dragable="true">Header</header> 
<p>Content</p> 
</div>

2012-10-22 19:08:56

답변