Desactivar hacer clic derecho en las imágenes usando jquery

Question

Quiero saber cómo desactivar haciendo clic derecho en las imágenes usando jQuery.

Sólo sé esto:

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

Answer 1

Esto funciona:

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

O de nuevo jQuery:

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

jsFiddle example

Answer 2

lo que es su propósito de desactivar el botón derecho del ratón . El problema con cualquier técnica es que siempre hay una manera de sortearlas. la consola para firefox (firebug) y Chrome permiten la desvinculación de ese evento. o si quieres que la imagen esté protegida, siempre puedes echar un vistazo a su caché temporal para las imágenes.

Si desea crear su propio menú contextual, el preventDefault está bien. Solo elige tus batallas aquí. ni siquiera una gran biblioteca de JavaScript como tnyMCE funciona en todos los navegadores ... y eso no es porque no sea posible ;-).

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

Personalmente estoy más en una internet abierta. El comportamiento del navegador nativo no debe verse obstaculizado por las interacciones de las páginas. Estoy seguro de que se pueden encontrar otras formas de interactuar que no son el clic derecho.

Answer 3

Para Desactivar Haga clic derecho Opción

<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

¿Sería posible salir de la capacidad de descarga Haga clic derecho y justo cuando se hace una marca de agua separada se coloca en la imagen. Por supuesto, esto no evitará las capturas de pantalla, pero pensó que podría ser un buen término medio.

Answer 5

En Chrome y Firefox, los métodos anteriores no funcionaron a menos que use 'live' en lugar de 'bind'.

Esto funcionó para mí:

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

Answer 6

Usted podría intentar esto:

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

Una forma muy sencilla es añadir la imagen como fondo a una carga DIV entonces un gif transparente vacío configurado al mismo tamaño que el DIV en primer plano. eso mantiene lo menos determinado. No pueden obtener el fondo sin ver el código y copiar la URL, y al hacer clic con el botón derecho solo se descarga el archivo .gif transparente.