Jumat, 09 November 2012

Nonaktifkan klik kanan dengan jQuery


Kode jQuery ini adalah salah satu cara untuk nonaktifkan klik kanan pada halaman web atau blog. Fungsi disable klik kanan dengan jQuery ini bukan hanya untuk melindungi konten kamu dari pencuri konten atau tukang copas (copy paste), akan tetapi berguna juga untuk lebih memfungsikan aplikasi lainnya, seperti penggunaan skrip fancybox atau lightbox.

Kode jQuery untuk nonaktifkan klik kanan seluruh konten web/blog.

<script type="text/javascript">
$(function() {
            $(this).bind("contextmenu", function(e) {
                e.preventDefault();
            });
        });
</script>

Kode jQuery untuk nonaktifkan klik kanan khusus gambar.

<script type="text/javascript">
$(function() {
         $('img').bind('contextmenu', function(e){
    return false;
            }); 
        }); 
</script>

Jangan lupa untuk menyertakan skrip jQuery library versi terbaru di bagian header.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> 
  Share

2 komentar:

  1. Tanya mas, tarok kode ini di mana ya?

    BalasHapus
  2. Oh iya lupa ngasih taunya ya... semuanya sebelum kode </head>

    BalasHapus