¿Cómo deshabilito el clic derecho en mi página web??

Deshabilitar el clic derecho en una página web es una forma de evitar que los usuarios accedan a cierta funcionalidad o contenido, como evitar copiar y descargar imágenes, videos, texto, información personal y datos financieros.

Este artículo describirá el procedimiento para deshabilitar el clic derecho en una página web.

Cómo deshabilitar el clic derecho en una página web?

Para deshabilitar el clic derecho, use la página "Menú de contexto"Evento con la ayuda del"EventListener ()" método. Entonces, llame al "PreventDefault ()Método para evitar que el menú contextual predeterminado aparezca en una página web.

Como puede ver en el GIF dado, cuando se presiona el botón derecho del mouse, aparece un menú contextual:

Para deshabilitar este menú contextual o hacer clic derecho, siga los ejemplos dados usando JavaScript y HTML.

Ejemplo 1: Deshabilite haga clic derecho en la página web usando JavaScript
Para deshabilitar el menú contextual de clic derecho, use el fragmento de código dado a continuación en la etiqueta o en un archivo JavaScript:

documento.addEventListener ("contextMenu", (event) =>
evento.prevenDefault ();
);

El fragmento de código de seguimiento anterior llama al "EventListener ()"Método en la página"Menú de contexto"Evento, que se dispara cuando se hace clic en el botón derecho del mouse. Entonces, llame al "PreventDefault ()Método "en el evento para evitar que aparezca el menú contextual predeterminado.

Se puede ver que al hacer clic en la página con el botón derecho del mouse, no se mostrará nada:

Ejemplo 2: Deshabilite haga clic derecho en la página web usando HTML
A veces, debe deshabilitar el contenido en elementos específicos, como "div" o "img". Para esto, use el "onContextMenu"Atributo en el elemento:

El clic derecho está deshabilitado aquí ..

Aquí, puede ver que el clic derecho ha sido deshabilitado solo en el "div" elemento:

Hemos compilado toda la información básica relacionada con deshabilitar el clic derecho del botón del mouse en la página web.

Conclusión

Para deshabilitar el clic derecho en la página web, use el "Menú de contexto"Evento en JavaScript y también puede hacerlo por HTML usando el"onContextMenu"Atributo en el elemento. En JavaScript, usa el "PreventDefault ()Método "en el evento" contextMenu "para evitar que aparezca el menú contextual predeterminado. Este artículo describió el procedimiento para deshabilitar el clic derecho en una página web.