Isu tentang pencurian konten di internet selalu menjadi hal yang menarik untuk dibahas. Beberapa cara yang dapat diterapkan untuk mengatasi hal tersebut diantaranya dengan menonaktifkan klik kanan mouse dan seleksi teks menggunakan jQuery. Syarat untuk dapat menerapkan cara ini adalah Anda sudah mengerti di mana harus menyimpan kode jQuery di situs Anda.

1. Cara Nonaktifkan Klik Kanan dengan jQuery

Berikut kodenya:

1. jQuery('body').on('contextmenu', function(e){
2.    return false;
3. });

Dalam contoh di atas digunakan selector body karena memang target yang diinginkan adalah semua element yang ada di dalam tag body. Jika Anda ingin menonaktifkan klik kanan di area tertentu, tinggal ganti selector body dengan class atau id dari area yang dimaksud.

Anda pun masih bisa memodifikasi kode di atas. Misal, Anda ingin ketika orang menekan klik kanan muncul peringatan berupa kotak dialog berisi teks/tulisan. Mudah, tinggal tambahkan fungsi alert();

Jadi kodenya seperti ini:

1. jQuery('body').on('contextmenu', function(e){
2.    alert("Maaf, fungsi klik kanan kami nonaktifkan...");
3.    return false;
4. });

Nanti hasilnya seperti ini:

Modifikasi lain adalah ketika misalnya Anda ingin menonaktifkan fungsi klik kanan hanya pada konten berupa gambar. Tinggal tambahkan selector img setelah contextmenu.

Jadi seperti ini:

1. jQuery('body').on('contextmenu', 'img', function(e){
2.    alert("Maaf, fungsi klik kanan kami nonaktifkan...");
3.    return false;
4. });

Atau ganti selector img dengan p jika Anda ingin menerapkan fungsi tersebut hanya pada konten paragraf. Pokoknya silakan modifikasi sesuai kebutuhan.

2. Cara Nonaktifkan Fungsi Seleksi Teks dengan jQuery

Tak lengkap jika Anda hanya menonaktifkan fungsi klik kanan tanpa menonaktifkan fungsi seleksi teks. Karena orang masih bisa menyalin tulisan Anda dengan cara menekan CTRL + C.

Berikut kodenya:

1. jQuery(document).bind('selectstart dragstart', function(e) {
2.   e.preventDefault();
3.   return false;
4. });

Empat baris kode di atas sudah cukup jika tujuan Anda hanya ingin menonaktifkan fungsi seleksi teks. Tidak perlu menggunakan plugin yang justru banyak menyertakan skrip-skrip yang tidak perlu.

Apakah kode di atas masih bisa dimodifikasi? Tentu saja!

Jika Anda sudah paham dengan penjelasan kode pertama di atas, maka tidak sulit untuk memodifikasi kode yang ini.

Dalam contoh kode di atas, digunakan selector document, dan sebetulnya dengan menggunakan selector body pun sudah bisa bekerja dengan baik hampir di seluruh bagian website seperti halnya kode pertama di atas.

Intinya, selector ini bisa Anda ubah atau sesuaikan sesuai keperluan. Jika Anda hanya ingin menerapkan fungsi tersebut di area tertentu tinggal gunakan selector class atau id.

Ingin memunculkan peringatan saat pengguna mencoba menyeleksi teks/tulisan? Caranya masih sama, tambahkan fungsi alert();.

Kodenya jadi seperti ini:

1. jQuery(document).bind('selectstart dragstart', function(e) {
2.   e.preventDefault();
3.   alert("Maaf, fungsi seleksi teks kami nonaktifkan...");
4.   return false;
5. });

Nanti hasilnya seperti ini:

Beberapa baris kode jQuery di atas sudah cukup ampuh dalam mencegah pencurian konten di situs Anda.

Sumber : www.pugam.com/14923/cara-disable-right-click-dan-text-selection-dengan-jquery

Bingung tentang sourcecode atau pemrograman yang ingin dipelajari? TANYA DI SINI
Bingung cari modul, soal, pembahasan mata kuliah? CARI DI SINI