如何在拖动时隐藏可拖动div的阴影

Posted 2023-05-08

【中文标题】如何在拖动时隐藏可拖动div的阴影

【英文标题】：how to hide shadow of draggable div while dragging

【发布时间】：2021-05-11 22:49:48

【问题描述】：

我有一个可拖动的 div。当我拖动div 时，div 的阴影会随着实际的div 移动。所以我只想隐藏实际div的影子。

<div draggable="true" 
  (dragstart)="mousedown($event)"
  (drag)="dragging($event)" 
  (dragover)="allowDrop($event)">
  div contents
</div>

请帮忙！！

【问题讨论】：

https://***.com/questions/54801303/shadow-displaying-when-dragging-image

它对我不起作用。当我使用它时，我的 div 不再移动了

【参考方案1】：

您可以只使用 event.target 并使用窗口的 outerWidth 和 outerHeight 定位它

document.addEventListener("dragstart", function( event ) 
  event.dataTransfer.setDragImage(event.target, window.outerWidth, window.outerHeight);
, false);