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

2023年12月13日 161次阅读

我知道可以使用下面的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)进行选择来复制不可选择的文本.有什么办法可以预防吗？谢谢.

最佳答案 问题似乎含糊不清.

HTML页面上的“选择”和“复制”之间存在差异.您可以使用CSS阻止“选择”,但不能阻止使用CSS“复制”.你需要JS.

点赞