미디어를 드래그 앤 드롭하는 방법은 무엇입니까?

-1

저는 javascript에 익숙하지 않습니다.이 드래그 앤 드롭 작업과 혼동 스럽습니다. medium.com을 원했습니다. 이렇게하면됩니다.미디어를 드래그 앤 드롭하는 방법은 무엇입니까?

GIF

내가 초안 JS과 콘텐츠 편집기를 구축하고

, 그리고 내가 어떻게 자바 스크립트에서이 작업을 수행하는 어떤 생각이 없습니다. 미리 감사드립니다 ...

2017-04-13 Nane

찾고 계신 정보를 좀 더 자세히 설명해 주실 수 있습니까? html 5 끌어서 놓기에 대한 설명 만 원하십니까? – camccar

아니, 난 funtionality 싶어요. 내가 이미지를 드래그하면 자동으로 위치를 제안하고 싶습니다. 내가 좋아하는 것 같아요. – Nane

그래서 드롭 영역에 들어갈 때 영역이 확장 됨으로써 이것이 어디에 있는지 나타내는 작업을하고 싶습니다. 데이터가 표시됩니까? – camccar

영역에 CSS를 추가하려면 이벤트로 dragEnter를 사용해야합니다. 그것을 할 수있는 방법이 많이 있습니다.

function dragEnter(e){ 
var thing = document.getElementById('test'); 
thing.classList.add('div2'); 

}

당신의 CSS는이

.div1 { 
width: 350px; 
height: 70px; 
padding: 10px; 

    } 
.div2 { 
width: 350px; 
height: 70px; 
padding: 10px; 
border: 1px solid #aaaaaa; 
}

처럼 보일 것이다 JS에서

<div ondragenter="dragEnter()" class="div1" id="test" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

그리고는 여기 jsfiddle 예입니다. http://jsfiddle.net/camccar/afPrc/197/

2017-04-13 16:41:11 camccar

답변