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

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