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

Posted

技术标签:

【中文标题】如何在拖动时隐藏可拖动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 并使用窗口的 outerWidthouterHeight 定位它

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

【讨论】:

以上是关于如何在拖动时隐藏可拖动div的阴影的主要内容,如果未能解决你的问题,请参考以下文章