elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Pregunta]: Desactivar click derecho en imágenes.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Pregunta]: Desactivar click derecho en imágenes.  (Leído 314 veces)
MiguelCanellas


Desconectado Desconectado

Mensajes: 584



Ver Perfil
[Pregunta]: Desactivar click derecho en imágenes.
« en: 15 Septiembre 2020, 06:50 »

Hola,

¿Como podría desactivar el click derecho cuando se le está haciendo a una imagen? Es que quiero que a los usuarios se les resulte más difícil descargar imágenes desde mi aplicación web. (Entiendo que evitar al 100% es imposible, pero de todas formas para limitar al usuario común MESSIrve  :xD)

Estuve viendo varios temas pero siempre es lo mismo, te terminan diciendo como desactivar el click derecho a nivel general cuando yo solamente quiero desactivarlo cuando se le hace click derecho a una imágen.

¿Alguna idea?

Gracias.


En línea

Drakaris

Desconectado Desconectado

Mensajes: 216


Todo lo que puedas imaginar, lo puedes crear.


Ver Perfil
Re: [Pregunta]: Desactivar click derecho en imágenes.
« Respuesta #1 en: 15 Septiembre 2020, 15:05 »

Buenas, la funcion que tienes que usar es preventDefault()

Citar
If this method is called, the default action of the event will not be triggered.

En el addlistener() o en on(), depende de si usas javascript o Jquery, debes de poner evento tipo contextmenu

Código
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" id="image">
  6.  
  7. <script>
  8. document.getElementById("image").addEventListener("contextmenu", function(event){
  9.  event.preventDefault()
  10. });
  11. </script>
  12.  
  13. </body>
  14. </html>
  15.  

Código
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  5. </head>
  6. <body>
  7. <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" id="image">
  8.  
  9. <script>
  10. $(document).ready(function(){
  11. $("#image").on("contextmenu",function(event){
  12.     event.preventDefault();
  13.    })
  14. })
  15. </script>
  16.  
  17. </body>
  18. </html>
  19.  
DOC: https://developer.mozilla.org/es/docs/Web/API/Event/preventDefault
DEMO: https://www.w3schools.com/code/tryit.asp?filename=GIRN368E2XM7

Enlace de interés: Como evitar mostrar el inspeccionador de elementos:
https://es.stackoverflow.com/questions/50436/ocultar-c%C3%B3digo-html5-php-de-una-web


« Última modificación: 15 Septiembre 2020, 15:14 por Drakaris » En línea

MiguelCanellas


Desconectado Desconectado

Mensajes: 584



Ver Perfil
Re: [Pregunta]: Desactivar click derecho en imágenes.
« Respuesta #2 en: 15 Septiembre 2020, 20:44 »

¡Muchas gracias, me sirvió perfecto!
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
click derecho
Java
Bleach@lex 4 9,588 Último mensaje 10 Diciembre 2009, 08:24
por danielo-
Opcion Menu al Pulsar Click Derecho
Programación Visual Basic
Brian1511 2 1,247 Último mensaje 18 Agosto 2012, 09:31
por Brian1511
Activar un timer con click derecho
Programación Visual Basic
TheJucas21 2 1,231 Último mensaje 22 Abril 2014, 01:20
por abkanis
Click derecho touchpad Kali
GNU/Linux
janaccensi 0 696 Último mensaje 21 Febrero 2017, 11:41
por janaccensi
Click derecho-Nuevo tarda mucho en abrir.
Windows
RogerSmith 8 1,549 Último mensaje 30 Junio 2019, 23:30
por xor.eax
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines