禁用 React 应用程序呈现的网页选定部分的副本

Question

我正在尝试为我的网页的某些部分禁用复制选项。我知道如果用户下定决心，则无法禁止用户进行复制，但我只是不希望某些部分的简单副本不起作用（选择 + 右键单击或 ctrl+c）。

有没有办法实现它？

Answer 1

您可以添加以下样式以防止用户像这样从表面上选择文本：

user-select: none;

user-select: none;

p {
  user-select: none;
}