有没有办法阻止用户看到他们试图拖动的图像的鬼魂(不关心图像的安全性,而是体验).
我试过这个解决了文本和图像上的蓝色选择而不是重影图像的问题:
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
Run Code Online (Sandbox Code Playgroud)
(我也尝试将图像嵌入div中,并将相同的规则应用于div).谢谢
我注意到在谷歌浏览器中,人们可以点击并按住图像,同时保持该图像的半透明副本会附着光标.然后可以将该图像拖动到桌面以保存它.
我想防止和停止图像的半透明版本附加到我站点中的某些图像的光标.
我怎样才能做到这一点?
我们得到了如何防止拖拽图像与jQuery有$('img').on('dragstart', function(event) { event.preventDefault(); });,但我想要实现同样的反应程序,没有jQuery的。我怎样才能做到这一点 ?a) 本地(每个图像的图像) b)全局(对于反应应用程序的所有图像)
我仍然想控制其他交互,所以img { pointer-events: none; }不是解决方案。
目标是防止通过拖放保存图像。