Miftahus Surur

Miftahus Surur
1 menit baca


ilustration from freeepik

Cara menonaktifkan klik kanan pada website


Dalam kondisi tertentu, adakalanya kita ingin melindungi konten atau asset (foto) yang ada didalam website kita, entah alasan privacy, pembajakan, ataupun lainnya. Dan salah satu cara paling umum yaitu dengan menonaktifkan klik kanan (disable right-click)

#Permasalahan

Dengan men-disable klik kanan artinya kita juga tidak bisa melakukan copy-paste jika suatu ketika ingin meng-copy tulisan di website kita, seperti source code, syntax, dll.

#Solusi

Untuk mengatasi kendala tersebut, salah satu alternatif yang bisa digunakan yaitu cukup men-disable rightclick untuk image saja, jadi semua image (foto/gambar) di web kita tidak bisa di klik kanan sehingga tidak bisa didownload. Sedangkan untuk tulisan kita tetap bisa melakukan copy-paste.

Syntax
Tambahkan syntak javascript berikut kedalam tag <head> atau sebelum tag penutup </body>

<script type="text/javascript">
  document.addEventListener("contextmenu", function(e) { 
    if (e.target.nodeName === "IMG") {
         e.preventDefault();
    }
  }, false);
</script>

#Kesimpulan

“No system is safe” Kita semua tahu, tidak ada yang benar² aman didunia internet. Cara diatas tidak menjamin 100% aman, hanya saja cukup untuk sedikit mempersulit aksi² ilegal diwebsite kita. Selalu ingat, bagikan apa yang perlu dibagikan dan simpan apa yang tak perlu dipublikasikan.

#SalamPersaudaraan

Referensi
https://stackoverflow.com/questions/737022/how-do-i-disable-right-click-on-my-web-page

internal link


javaScript tips

comments powered by Disqus