我需要在我的页面中放置一个图像.我想禁用拖动该图像.我正在尝试很多东西,但没有帮助.有人可以帮帮我吗?
我不想将该图像保留为背景图像,因为我正在调整图像大小.
有没有办法阻止用户看到他们试图拖动的图像的鬼魂(不关心图像的安全性,而是体验).
我试过这个解决了文本和图像上的蓝色选择而不是重影图像的问题:
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).谢谢
我有一个标准链接,例如:
<a href="/test">Test</a>
Run Code Online (Sandbox Code Playgroud)
在 Chrome 中,单击并拖动此链接将导致光标变为拖动地球仪的箭头。地球仪可以放在 URL 或书签栏上。
我正在尝试用 JavaScript 实现拖放文件系统界面。所有文件和文件夹都用“a”标签标记。当我单击并拖动一个时,地球图标会出现并中断 JavaScript 事件(在本例中为 JQuery 的 mousemove)。
关于如何阻止 Chrome 将拖动的链接转换为地球的任何想法?
编辑:使用一些放置良好的 event.preventDefault() 实际上确实解决了问题。