当我在Firefox中拖动图像时,如何使其不存在"Ghost"？

Question

拖动图像时,按住鼠标时会出现一个半透明的重影图像.

是否有某种方法可以应用CSS/JS来消除某个部分的效果？

Answer 1

最简单的方法是将非常大x且y坐标设置setDragImage为远离屏幕.例如:

element.addEventListener('dragstart', function(event) {
    event.dataTransfer.setDragImage(element, -99999, -99999);
}, false);

传递给的实际元素setDragImage并不重要.为方便起见,我们在此使用相同的元素.

Answer 2

在浏览器中禁用它的唯一方法(它在Safari中做同样的事情)是false从元素(或)onmousedown上的事件返回并使用javascript处理其余的拖动操作.imgevent.preventDefault()

几乎每个主要的JavaScript库都支持"拖动"和"删除".您可以将他们的代码用作起始位置,或者如果您已在页面上使用库,则可以直接使用它们.

Answer 3

您可以尝试使用 css 背景图像而不是带有 img 标签的实际图像。