html - 如何防止用户使用 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。