- Home >
- Tutorial Blog >
- Cara Mencegah Copas (Copy Paste) Dengan Css3 User-Select Property
Posted by : Surya Fahik
Rabu, 12 Juni 2013
Banyak sekali cara yang dapat dilakukan untuk mencagah terjadi-nya "Copas (Copy Paste)", Baik menggunakan Plugin, jQuery, Javascript, Dll. Bahkan ada juga yang menggunakan "Anti Klik Kanan Dengan Gambar".
Namun "Anti klik kanan" tersebut masih bisa diakali. Cukup dengan
uncheck "Enable javascript" pada browser yang anda gunakan dan "Anti
klik kanan" tersebut tidak akan berfungsi lagi......
Anti copas yang saya postingan ini tidak menggunakan javascript seperti halnya dengan anti copas lain-nya. Namun menggunakan Css3. Berikut kode css3
display:block;Tambahkan kode CSS tersebut pada bagian properties dari sebuah ID atau class yang akan dinonaktifkan mouse seleksinya, misalnya jika akan diterapkan di semua elemen dari blog anda bisa menambahkan kode tersebut pada properties body :
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
-o-user-select:none;
user-select:none;
unselectable:on;
body {Keterangan !!!
display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
-o-user-select:none;
user-select:none;
unselectable:on;
}
user-select: auto / none / textAuto : dapat menyeleksi konten dari sebuah element.
None : tidak dapat menyeleksi konten (disable user-select).
Text : dapat menyeleksi text dari sebuah element.
Contoh Penerapannya :
.post-body {Dapat menyeleksi konten dari sebuah element :
-khtml-user-select:auto;
-webkit-user-select:auto;
-moz-user-select:auto;
-ms-user-select: auto;
-o-user-select:auto;
user-select:auto;
}
.post-body {Tidak dapat menyeleksi konten (disable user-select) :
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
-o-user-select:none;
user-select:none;
}
.post-body {Dapat menyeleksi text dari sebuah element :
-khtml-user-select:text;
-webkit-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
-o-user-select:text;
user-select:text;
}
Bagaimana sangat mudah bukan, jika ada yang tidak pahami/mengerti silahkan tanyakan dengan berkomentar...!!!
Posting Komentar