如何禁用图像拖动效果？答案

【问题标题】：How can I disable the image dragging efect?如何禁用图像拖动效果？
【发布时间】：2019-08-14 23:30:12
【问题描述】：

我正在制作一个运行良好的旋转木马，唯一的问题是当我拖动图像时，一个重影复制品悬停在图像上方。当我拖动图像容器时也会发生这种情况。

我尝试使用draggable="false" 和user-select: none !important;，但它们都不起作用。

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

使用 CSS 选择器 pointer-events。所以，给它样式pointer-events: none;。 Here 的更多文档。

希望这会有所帮助！

【讨论】：

【解决方案2】：

做这样的事情：

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

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

【讨论】：

【解决方案3】：

只需将其添加到您的 CSS 中

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

这就是你需要做的。

【讨论】：