Javascript 如何在jQueryDroppable中更改可拖放区域的颜色？

请在此处查看我的JSFIDLE：

当您从顶部拖动一个项目时，我希望您悬停在单个可拖放区域以更改颜色

我相信关键在于这个函数：

function drag(ev){
    ev.dataTransfer.setData("Text",ev.target.id);
}

---

只需在allowDrop函数中添加您的样式：

function allowDrop(ev){
    ev.preventDefault();
    $(ev.target).css('background-color','#F00');
}

function removeStyle(ev) {
     $(ev.target).removeAttr('style');
}

这将在元素上放置红色背景。现在要删除它，请使用

dragleave

事件：

<div id="div1" class="droparea clearfix" ondrop="drop(event)" ondragover="allowDrop(event)" ondragleave="removeStyle(event)">drag here</div>

诀窍是使用事件的

目标

，这是您的悬停div。

检查此项