javascript - 将文件拖过区域时更改拖放区域颜色

Question

我试图让我的问题尽可能简单。

我想要的是我已经创建了一个 div droppable div，可以在其中添加特定文件。现在我想要的是，当我将文件拖到可放置区域时，div 的颜色应该改变。

这是一个简单的查询，但我无法用我的脚本完成它。

这是我的脚本:

JS

$(document).ready(function() 
{
 targetLayer.ondragover = targetLayer.ondragenter = function(evt) {
  evt.preventDefault();
  };
  targetLayer.ondrop = function(evt) {
  fileInput.files = evt.dataTransfer.files;
  evt.preventDefault();
};

});

我只想在可拖动文件位于可放置区域时添加简单的 CSS。

编辑:

目标 div Id 是“targetLayer”

Answer 1

我认为这可能会奏效..

CSS

#targetLayer {
  transition: 0.5s all ease 0s;
  -webkit-transition: 0.5s all ease 0s;
  -moz-transition: 0.5s all ease 0s;
  -ms-transition: 0.5s all ease 0s;
}
#targetLayer:hover {
  background-color:#d5d5d5;
  transition: 0.5s all ease 0s;
  -webkit-transition: 0.5s all ease 0s;
  -moz-transition: 0.5s all ease 0s;
  -ms-transition: 0.5s all ease 0s;
}