如何像介质一样进行拖放？

Question

我是 javascript 的新手，我对这种拖放操作很困惑。我想点赞 medium.com 像这样。

动图

我正在使用 draft 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;
 }

How to do drag and drop like medium?