停止Chrome的点击并按住/拖动图片默认行为

Question

我注意到在谷歌浏览器中,人们可以点击并按住图像,同时保持该图像的半透明副本会附着光标.然后可以将该图像拖动到桌面以保存它.

我想防止和停止图像的半透明版本附加到我站点中的某些图像的光标.

我怎样才能做到这一点？

Answer 1

您可以使用该属性来防止此行为

-webkit-user-drag: auto | element | none;

请参阅-webkit-user-drag CSS-infos.net的文档(如果有人有更好的参考,我没有找到MDN文档)

如何使用

.nonDraggableImage在您的img代码上添加一个类,并添加您的CSS:

.nonDraggableImage{
    -webkit-user-drag: none;
}

Answer 2

我必须使用不同的解决方案才能使其正常工作：

<img src="http://placehold.it/150x150" draggable="false">

谢谢：https ://stackoverflow.com/a/7439078/2443005