CSS ile yazının kopyalanmasını engelleme (user-select) nasıl yapılır?

İnternet ortamında özgün içeriklerin gördüğü ilgi bir çok sebeple ilişkilendirilebilir. Özgün içerik hazırlayabilmek her zaman hit,prestij ve devamlılık sağlayan bir olgudur. Herhangi bir sebepten dolayı, sitenizdeki yazıların kopyalanmasını engellemek, sitenizin içeriğinin alınmasının önüne geçmek isteyebilirsiniz.

Bu işlemi CSS'in user-select özelliğini kullanarak yapabilmekteyiz. CSS ile yazının kopyalanmasını engelleme (user-select) işlemini şu şekilde yapabiliriz.

.SecimiEngelle {
     -moz-user-select: -moz-none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -o-user-select: none;
     -ms-user-select: none;
     user-select: none
}

Bu class'ı kullandığımız tüm elemanlar da seçim işlemini engellemiş olacağız.

İE 9 ve altı sürümlerinde bu işlemi yapabilmek için aşağıdaki şekilde kullanım işimizi görecektir.

<p unselectable="on">
    uzmanım.net
</p>

Eğer sitenizde bulunan tüm elemanlara uygulamak istiyorsanız aşağıdaki şekilde kullanmanız gerekmektedir.

*:not(input):not(textarea) {
     -moz-user-select: -moz-none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -o-user-select: none;
     -ms-user-select: none;
     user-select: none
}