Question

我是javascript的新手我对这个拖放操作非常困惑。我想要像medium.com 像这样。

GIF

我正在使用草稿js构建内容编辑器我不知道如何在javascript中执行此操作。提前谢谢......

Answer 1

您需要使用dragEnter作为事件来向该区域添加css。有很多方法可以做到这一点。

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

然后在js

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;
 }