Bazı site sahipleri içeriklerinin alıntı olarak kullanılmasını bile istemezler bu gibi durumlarda JS, Jquery veya diğer farklı yöntemlerle içerik kopyalama engellenmeye çalışılmaktadır. Biz bu makalede css ile içerik kopyalanmasını engellemeye çalışacağız.
Bazı site sahipleri içeriklerinin alıntı olarak kullanılmasını bile istemezler bu gibi durumlarda JS, Jquery veya diğer farklı yöntemlerle içerik kopyalama engellenmeye çalışılmaktadır. Biz bu makalede css ile içerik kopyalanmasını engellemeye çalışacağız.
CSS Kodu :
1 2 3 4 5 6 7 | p { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } |
Bu kodu kullanmak için engellemek istediğiniz içeriği p etiketleri arasına almanız yeterlidir. Eğer isterseniz kendinix özel bir class oluşturarak engellemek istediğiniz yerin class özelliğine tanımlamış olduğunuz class’ın adını yazmak yeterlidir.
Diğer yöntemlerde olduğu gibi kullanıcı Ctrl+A tuş kombinasyonları ile sayfanın tamamını seçip kopyaladıktan sonra bu engeli aşabilir veya artık tüm tarayıcılarda varsayılan hale gelen geliştiri aracı sayesinde kopyalancak text’in bulunduğu etiket alanına gelip yine aynı şekilde kopyalama işlemi gerçekleştirilebilir. Yolunu bilen kullanıcı olduktan sonra engel boşuna mağlesef 🙂