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选择器来做你想做的事情Correct way to do a css wrapper

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

2 个答案: