I am trying to disable copy option for certain part of my webpage. I know that there is no way to disallow user to copy if he sets his mind to it but I just don't want a simple copy of certain section to not work (select + right click or ctrl+c) to work.

Is there a way to achieve it?

I am trying to disable copy option for certain part of my webpage. I know that there is no way to disallow user to copy if he sets his mind to it but I just don't want a simple copy of certain section to not work (select + right click or ctrl+c) to work.

Is there a way to achieve it?

• javascript
• reactjs
• copy

1 Answer 1

You can add the following styles to prevent the user from selecting the text superficially like so:

user-select: none;

p {
  user-select: none;
}

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

Details on MDN