一尘不染

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

css

有谁知道在不使用Javascript的情况下在Firefox中同时使图像不可拖动和不可选择的方法吗?似乎微不足道,但这是问题所在:

1)可以在Firefox中拖动并突出显示:

<img src="...">

2)因此,我们添加了此内容,但是在拖动时仍可以突出显示图像:

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

3)因此,我们添加了此内容以解决突出显示问题,但是反直觉地, 图像再次变得可拖动。 很奇怪,我知道!使用FF 16.0.1

<img src="..." draggable="false" style="-moz-user-select: none;">

那么,有谁知道为什么添加“ -moz-user-select:无”,会以某种方式胜过并禁用“ draggable =
false”?当然,webkit可以按预期工作。Interweb上对此一无所知…如果我们能够共同对此有所启发,那就太好了。

谢谢!!

编辑: 这是关于防止UI元素被意外拖动并提高可用性-并非在复制保护方案上有些la脚的尝试:-)


阅读 236

收藏
2020-05-16

共1个答案

一尘不染

将以下CSS属性设置为图像:

user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
2020-05-16