Cara Disable Klik Kanan Pada Website/Blog

ipi Wednesday, January 27, 2016

Disable klik kanan pada website/blog anda sangat di perlukan. Salah satu keuntungan dengan men-disable klik kanan pada website atau blog anda adalah untuk mencegah pengguna melakukan pecurian/copy-paste artikel yang ada di website/blog anda. Memang, banyak cara untuk melakukan pencurian/copy-paste artikel, namun cara yang paling mudah ialah dengan klik kanan-copy/paste.

Cara yang yang paling sederhana untuk mencegah pencurian artikel ialah dengan cara disable klik kanan pada website/blog anda. Memang cara tersebut tidak menjamin sepenuhnya artikel website anda tidak akan di curi/copy-paste tetapi setidaknya bisa mengurangi karena tidak semua pengguna internet tahu cara lain selain klik kanan untuk mencuri/copy-paste artikel.

Nah, untuk men-disable klik kanan pada website/blog anda membutuhkan beberapa kode javascript. Di bawah ini Bekaskaki akan memberikan beberapa kode untuk men-disable klik kanan

Cara Disable Klik Kanan Pada Webiste/Blog menggunakan Jquery :

1. Disable klik kanan seluruh bagian website/blog

Tambahkan kode di bawah ini tepat dibawah <head> atau sebelum </body>

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

$(document).bind("contextmenu",function(e) {
e.preventDefault();
});
2. Disable klik kanan di bagian tertentu
Untuk mematikan klik kanan pada bagian tertentu saja misalnya pada konten/postingan, yang perlu anda lakukan hanya mencari nama elemen yang berisikan konten tersebut. Misalnya, nama class nya adalah content-area

<div class=”content-area“> konten artikel </div>

Berikut kode disable klik kanan nya

$(".content-area").bind("contextmenu",function(e) {
e.preventDefault();
});

3. Disable klik kanan pada gambar

Tambahkan kode berikut di bawah <head> atau sebelum </body>

$('img').bind('contextmenu', function(e) {
return false;
});

Untuk men-disable gambar/class tertentu bisa menggunakan kode berikut ( dibawah ini kode untuk disable class .hallo )

$('.hallo img').bind('contextmenu', function(e){
return false;
});

Untuk disable image di wordpress, kode di atas bisa juga anda gunakan. Simpan kode di atas tepat di bawah <head> atau sebelum </head>

Anda juga bisa menggunakan kode berikut :

<script language=JavaScript>

var message="Function Disabled!";

function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

</script>