有没有办法防止用户看到他们试图拖动的图像的幻影（不是担心图像的安全性，而是体验）。
我试过这个，它解决了文本和图像上的蓝色选择问题，但不是鬼图像：
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
（我也尝试将图像嵌套在 div 中，并将相同的规则应用于 div）。谢谢
CSS / JS 来防止拖拽鬼影？
IT技术
javascript
html
css
2021-03-02 11:47:12
6个回答
您可以在标记或 JavaScript 代码中将该draggable属性设置为false。
// As a jQuery method: $('#myImage').attr('draggable', false);
document.getElementById('myImage').setAttribute('draggable', false);<img id="myImage" src="http://placehold.it/150x150">我想你可以改变你的
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
成
img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
试试看：
img {
pointer-events: none;
}
并尽量避免
* {
pointer-events: none;
}
这将禁止在所有浏览器中拖动图像，同时保留其他事件，例如单击和悬停。只要 HTML5、JS 或 CSS 中的任何一个可用，就可以工作。
<img draggable="false" onmousedown="return false" style="user-drag: none" />
如果您确信用户将拥有 JS，则只需要使用 JS 属性等。为了获得更大的灵活性，请查看 ondragstart、onselectstart 和一些 WebKit tap/touch CSS。
您可以使用 CSS 属性在 webkit 浏览器中禁用图像。
img{-webkit-user-drag: none;}