Отключить копию выбранной части веб-страницы, отображаемой приложением React

Question

Я пытаюсь отключить функцию копирования для определенной части моей веб-страницы. Я знаю, что нет способа запретить пользователю копировать, если он захочет, но я просто не хочу, чтобы простая копия определенного раздела не работала (выберите + правый клик или Ctrl + C).

Есть ли способ достичь этого?

Answer 1

Вы можете добавить следующие стили, чтобы пользователь не мог выбрать текст поверхностно, например:

user-select: none;

p {
  user-select: none;
}

<p> Some sample text that you cant select </p>

Подробности в MDN