Berikut ini adalah beberapa metode untuk menonaktifkan klik kanan pada gambar yang akan kita tampilkan di website.
With CSS
Metode pertama adalah dengan menggunakan css code sperti Pen berikut:
With jQuery
Metode kedua adalah dengan menggunakan jQuery code sperti Pen berikut:
Conclusion
Dengan metode CSS gambar tetap dapat diklik kanan, tetapi menu yang muncul sebetulnya adalah menu untuk element lain yang non gambar yang ada di posisi yang sama atau ada dibalik gambar.
Dengan metode jQuery atau sebetulnya bisa juga dengan vanilla javascript, gambar sama sekali tidak dapat diklik kanan.
Apabila tujuan kita menonaktifkan klik kanan adalah untuk mencagah gambar kita diambil dengan cara seperti diuraikan di atas, sebetulnya pengunjung akan tetap bisa mengambil gambar kita, baik dengan bantuan extension dari browser atau dengan membuka developer tools dari browser, dll. Tapi paling tidak dengan ini pengunjung (terutama yang awam soal coding) yang bermaksud mengambil gambar kita akan sedikit dipersulit.
Gambar yang dijadikan contoh pada Pen di atas diambil dari Lorem Picsum
