How to disable Text Selection on your website (Script)

Disabling text selection is a simple way to get internet users and competitors to avoid copying your web content. Once text selection is disabled, your website visitors will no longer be able to select characters on your website with their mouse.

Image: Text Selection

If you wish to disable website visitors from selecting text on your website follow the simple steps below.

1. First copy and paste the script below before the </head> tag of your webpage or at the bottom of your header.php template file on WordPress.

<script type="text/javascript">

/***********************************************
* Disable Text Selection
***********************************************/

function disableSelection(target) {
if (typeof target.onselectstart!="undefined")
 target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined")
 target.style.MozUserSelect="none"
else
 target.onmousedown=function(){return false}
target.style.cursor = "default"
}

</script>

2. Next, copy and paste the script below before the </body> tag on the webpage you wish to disable text selection on. If you are using WordPress you can add this snippet to your header.php file in order to disable text selection on all webpages of your website. You can even add the script below to individual pages, posts, and template files like category.php to simply remove text selection from single webpages.

<script type="text/javascript">
disableSelection(document.body)
</script>

• You might also be interested in learning how to disable right click on your website.