Question

使用此库Angular File Upload我正在尝试制作嵌套的dropzones，但遇到了dragleave事件的问题。

<div class="full-area">
  <div class="outer-dropzone">
    <ol>
      <li>
        <div class="container">
          <div class="drop-zone-inner"></div>
          <div class="align"> </div> 
          <div class="align"> </div>
        </div>
      </li>
    </ol>
  </div>
</div>

我想要实现的是以下内容：

当拖入浏览器窗口并输入.outer-dropzone时，它会更改css（例如背景颜色为黄色）。

如果你拖到.drop-zone-inner，它会恢复.outer-dropzone然后将drop-zone-inner更改为新的css背景。

如果你离开.drop-zone-inner，它会重新应用.outer-dropzone css更改。

我遇到的问题是如果我在.drop-zone-inner字段中有几个项目（即文本和图像等）。它会导致闪烁，它会尝试取消应用掉落区域内部并重新填充外部掉落区域。

我尝试了很多不同的设置和布局，但我不确定实际接近它的最佳方法。

编辑：基本上我正在努力完成与Dropboxs dropzone精彩集锦相似的事情

Angular File Upload嵌套Dropzones

0 个答案: