如何禁用图像拖动效果？

Question

我正在使用效果很好的旋转木马，唯一的问题是，当我拖动图像时，重影副本会在图像上方盘旋。当我拖动图像容器时也会发生这种情况。

我尝试使用draggable="false"和user-select: none !important;，但都没有用。

我该如何解决这个问题？

Answer 1

使用CSS选择器pointer-events。因此，将其命名为pointer-events: none;。 Here的更多文档。

希望这会有所帮助！

Answer 2

执行以下操作：

document.getElementById('drag').ondragstart = function() { return false; };

<img src="https://images.pexels.com/photos/2016999/pexels-photo-2016999.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" id="drag" />

Answer 3

只需将其添加到您的CSS

img{
-webkit-user-drag: none;
}

这就是您要做的一切。