如何防止用户使用 CSS 复制某个 div 的文本？

Question

我知道可以使用下面的 CSS 来禁用用户文本选择。

   .unselectable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

但是当我有以下 html 时：

<p>selectable text 1</p>
<p class="unselectable">unselectable text</p>
<p>selectable text 2</p>

用户仍然可以通过从页面最顶部（可选文本 1）到页面最底部（可选文本 2）进行选择来复制不可选择的文本。 有什么办法可以防止吗？ 谢谢。

Answer 1

问题似乎很模糊。

HTML页面上的“选择”和“复制”是有区别的。使用CSS可以防止“选择”，但不能使用CSS防止“复制”。 你需要JS。

Answer 2

你只需给它一个 div 包装器并定义 id 选择器来做你想做的正确的方法来做一个 css 包装器

Answer 3

user-select: none;

这个对我有用。