メディアをドラッグアンドドロップする方法は？

Question

私はjavascriptを初めて使っています。このドラッグアンドドロップ操作とはかなり混乱しています。私はmedium.comを好きになりました。 このようにします。

GIF

私はドラフトJSとコンテンツエディタを構築しています、そして 私はJavaScriptでこれを行うにはどのように任意のアイデアを持っていません。 ありがとうございます...

Answer 1

イベントには、このエリアにCSSを追加するためにdragEnterを使用する必要があります。それを行う方法はたくさんあります。

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

そして

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

} 

のjsであなたのCSSは、ここでは、この

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

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

ようになりますがjsfiddle例です。 http://jsfiddle.net/camccar/afPrc/197/