Kopyalamayı Engelleme (JavaScript & CSS)

Yazdığınız yazıların kopyalanmasını kimse istemez. Kullanıcının sayfa içeriğini kopyalamasını engellemek için birkaç yöntem var.

Bunlardan birincisi kolay ve bence en kullanışlı olan CSS ile engelleme:

[css]
.icerik {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
[/css]

bu kullanımda sitede belirlediğiniz bir bölümdeki kopyalamayı engelleyebilirsiniz. Mesela haber siteniz var ve haberlerin kopyalanmasını engellemek istiyorsunuz. Bunun için haberin çıktığı elemente class = “icerik” yazarak sadece haberin bulunduğu alanın seçilmesini engelleyebilirsiniz.

[code]
user-select değerleri: none, all, text, toggle, element, elements
[/code]

İkincisi JavaScriptle Engelleme:

[code lang=”js”]

function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function ("return false")

//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}

[/code]

yada jQuery kullanımı

[code lang=”js”]
$(‘#icerik’).css(‘MozUserSelect’,’none’);
[/code]

Birde bunun jQuery UI tarzı var tabi oda

[code lang=”js”]
$(‘#icerik’).disableSelection();
[/code]

ama bunu kullanmak için sayfanıza jQuery UI kütüphanesini eklemeniz gerek. Birde bu adresteki kodlar işinize yarayabilir…

“Kopyalamayı Engelleme (JavaScript & CSS)” üzerine 2 yorum

  1. Merhaba benimde kendi çapımda yeni oluşturduğum blogum var ve yazılarımın çalınmasını istemiyorum ama attığım indirme vs gibi linklerin ve yazıların kopyalanabilir diğerlerinin ise kopyalanamaz olmasını istiyorum bunu tam olarak nasıl yapabilirmiyiz yapabilirsek nasıl yaparız şimdiden teşekkürler iyi geceler..

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir