小编典典

在不使用 JS 的情况下防止图像可拖动或可选择

all

有谁知道在 Firefox 中不使用 Javascript 来同时使图像不可拖动且不可选择的方法?看似微不足道,但问题是:

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

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

  3. 所以我们添加了这个,以解决突出显示的问题,但与直觉相反, 图像再次变得可拖动。 奇怪,我知道!使用 FF 16.0.1

那么,有谁知道为什么添加-moz-user-select: none, 会以某种方式胜过和禁用draggable=false?当然,webkit
按预期工作。Interwebs 上没有关于此的内容……如果我们能一起阐明这一点,那就太好了。

编辑: 这是关于防止 UI 元素被无意中拖动并提高可用性 - 而不是对复制保护方案的一些蹩脚尝试。


阅读 45

收藏
2022-08-19

共1个答案

小编典典

为图像设置以下 CSS 属性:

.selector {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
2022-08-19