不使用JS防止图像可拖动或可选择

191

有没有办法在Firefox中使图像既不能被拖动又不能被选择,而不用JavaScript?这似乎很简单,但是问题在于:

  1. 在Firefox中可以拖动和突出显示图像:

  2. 所以我们添加了这个,但是图像仍然可以在拖动时被突出显示:

  3. 所以我们添加了这个来解决突出显示的问题,但是让人感到违反直觉的是,图像又可以拖动了。很奇怪,我知道!使用FF 16.0.1

那么,有没有人知道为什么添加 -moz-user-select: none,会如何取代并禁用 draggable=false?当然,webkit像预期的一样工作。关于此事,网上没有任何信息......如果我们能一起澄清这个问题就太好了。

编辑:这是为了防止UI元素被意外拖动并提高可用性-而不是某种糟糕的复制保护方案的尝试。


2
当然不是,抱歉我应该更具体一些,我试图防止我的一些UI元素被移动,因为在正确的上下文中它会影响可用性。 - tmkly3
2
如果您的背景元素靠近非常小的现代滚动条,并且每次测试滚动时未能准确命中滚动条,它们将被拖放到桌面上(或更糟糕地作为href代码行出现在浏览器窗口后面打开的某个文件中!),那么这将非常有用。 - Garavani
2
这是一个在 Firefox 中已知的问题,已经有很长一段时间了(https://bugzilla.mozilla.org/show_bug.cgi?id=1376369),正如事实所证明的那样([重复?](https://bugzilla.mozilla.org/show_bug.cgi?id=1326143))。 - Coderer
11个回答

0

你只需将draggable属性添加到你的img标签中。

<img src="myimage.png" draggable="false">

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接