Para inhabilitar el menú contextual que se encuentra por
defecto en los navegadores utilizaremos JQuery.
Simplemente se utiliza el evento de jQuery denominado
"contextmenu", se planteara dos maneras
de realizar la inhabilitación del menú contextual.
Primer modo
Primeramente insertamos la Librería jQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><!--Libreria jQuery js-->
Luego asignamos las siguientes funciones, simplemente el script puede
insertarse dentro de la etiquetas <head> </head>
<script type='text/javascript'>
$(document).ready(function () {
//Deshabilitar página completa
$("body").on("contextmenu",function(e){
return false;
});
//Deshabilitar parte de la página
$(".una:class, #un_id").on("contextmenu",function(e){
return false;
});
});
</script>
Segundo modo
Simplemente remplaza #un_id o .una_class
de su etiqueta <div> si desea
deshabilitar parte de la página.
<script language=JavaScript>
//Deshabilitar página completa
jQuery(document).on('contextmenu','body', function(e){
if(e.which === 2){
return false;
}
return false;
});
//Deshabilitar parte de la página
jQuery(document).on('contextmenu','#un_id', '.una _clase' function(e){
if(e.which === 2){
return false;
}
return false;
});
</script>
No olvide dejar su comentario