HTML5 노드 드래그 앤 드롭

Mozilla를 사용하면 application/x-moz-node 유형 덕분에 DOM 노드 요소를 드래그 앤 드롭 할 수 있습니다. Chrome, Opera 등과 유사한 유형이 있습니까?HTML5 노드 드래그 앤 드롭

감사합니다.

출처

2012-10-03 xdevel2000

지금까지 발견 한 것은 기본적으로 불가능하다는 것입니다. 그러나 한 페이지에서 항목을 드래그하는 경우 전역 데이터 개체를 보관하고 읽고 쓸 수 있습니다. 한 번에 하나의 끌기가 항상 발생합니다. 서로 다른 도메인간에 노드를 드래그 할 수있는 방법이없는 것 같지만 어떤 방법으로도 다른 도메인으로 특별한 데이터를 전송할 수 없다는 것을 알고있는 한 멀리 있습니다. 'postMessage' API는 문자열 (또는 적어도 문자열화할 수있는 것) 만 허용합니다. 동일한 도메인 iframe에서 노드를 드래그하는 것은 그리 좋지는 않지만 가능합니다 (iframe이 부모 전역 개체를 읽을 수 있음). – pimvdb

아무 것도없는 것 같습니다. 참조 : http://stackoverflow.com/questions/14291590/what-is-the-data-type-in-html-5-if-i-need-to-drag-and-drop-a-div-to -another-div – RhinoDevel

브라우저간에 일관된 드래그 앤 드롭 동작을 원할 경우 jQueryUI을 사용하는 것이 좋습니다. Draggable과 Droppable으로 그들은 모두 당신을 위해 열심히 노력했습니다.

출처

2013-01-29 17:15:28

이것은 쉬운 솔루션 일 것이지만 기본 드래그 앤 드롭 기능과 통합되지는 않습니다. – pimvdb

좋은 지적. 그럼 난 정말로 모른다 ... –

Modernizr.draganddrop을 사용하여 HTML 5 기본 드래그 & Drop의 기능을 감지 할 수 있습니다.

브라우저가이 기능을 지원하는 경우. draggable = true를 사용하여 노드를 드래그 가능하도록 설정할 수 있습니다. 그렇지 않으면 JQuerUI를 사용하여 지원해야합니다.

출처

2013-02-03 02:01:23

'drop' 이벤트에서 노드를 끌면 어떻게 될까요? 문제는 노드를 끌기 데이터로 설정하는 방법입니다. Modernizr는 어떠한 지원도 추가하지 않으며 jQuery UI는이 주제와 관련이 거의 없습니다. – pimvdb

HTML5 노드 드래그 앤 드롭

답변

관련 문제