Désactiver le clic droit sur les images en utilisant jquery

Question

Je veux savoir comment désactiver le clic droit sur les images en utilisant jQuery.

Je sais que ceci:

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

Answer 1

Cela fonctionne:

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

Ou pour jQuery plus récente:

$('#nearestStaticContainer').on('contextmenu', 'img', function(e){ 
    return false; 
}); 

jsFiddle example

Answer 2

quel est votre but de désactiver la clic-droit . problème avec toute technique est qu'il y a toujours un moyen de contourner eux. la console pour firefox (firebug) et chrome permettent de désengorger cet événement. ou si vous voulez que l'image soit protégée, vous pouvez toujours regarder leur cache temporaire pour les images.

Si vous voulez créer votre propre menu contextuel, preventDefault est correct. Choisissez simplement vos batailles ici. pas même une grande bibliothèque JavaScript comme tnyMCE fonctionne sur tous les navigateurs ... et ce n'est pas parce que ce n'est pas possible ;-).

$(document).bind("contextmenu",function(e){ 
    e.preventDefault() 
}); 

Personnellement, je suis plus dans un Internet ouvert. Le comportement du navigateur natif ne doit pas être entravé par les interactions des pages. Je suis sûr que d'autres moyens peuvent être trouvés pour interagir qui ne sont pas le bon clic.

Answer 3

Pour désactiver l'option Clic droit

<script type="text/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> 

Answer 4

Serait-il possible de laisser la possibilité à un clic droit et télécharger juste lorsque vous avez terminé un filigrane séparé est placé sur l'image. Bien sûr, cela n'empêchera pas les captures d'écran, mais pense que cela peut être un bon compromis.

Answer 5

En chrome et firefox, les méthodes ci-dessus ne fonctionnaient pas à moins que j'utilise 'live' au lieu de 'bind'.

Cela a fonctionné pour moi:

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

Answer 6

Vous pouvez essayer ceci:

var message="Sorry, right-click has been disabled"; 

function clickIE() { 
    if (document.all) { 
     (message); 
     return false; 
    } 
} 

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

if (document.layers) { 
    document.captureEvents(Event.MOUSEDOWN); 
    document.onmousedown = clickNS; 
} else { 
    document.onmouseup = clickNS; 
    document.oncontextmenu = clickIE; 
} 

document.oncontextmenu = new Function("return false") 

Checkout a demo here

Answer 7

Une façon très simple est d'ajouter l'image en arrière-plan à un DIV puis charge un gif transparent vide réglé sur la même taille que le DIV au premier plan. qui garde le moins déterminé. Ils ne peuvent pas obtenir l'arrière-plan sans afficher le code et en copiant l'URL et un clic droit télécharge simplement le gif transparent.