Puede ser que por alguna razón quieras deshabilitar el botón derecho del ratón en tu web, es decir, impedir que cuando la gente haga click con el botón derecho en tu web no salta el menu contextual del navegador. Puede ser que lo quieras para impedir que guarden las imágenes, copien algún texto o lo que se te pase por la cabeza. Vamos a explicarte como hacerlo de un modo muy sencillo.
Vamos a ver tres modos, uno el más sencillo, que sencillamente no sale, otro en el que sale un aviso y otro tercer modo por si quieres deshabilitar el click en algún elemento en concreto de la página.
Deshabilitar el botón derecho del modo más sencillo
Sencillamente copia este código en tu página, ya sea en el archivo que tengas con todos los javascripts o en el footer de la web entre las clásicas etiquestas <script>...</script>.
// Deshabilitar boton derecho en la web
document.addEventListener('contextmenu',function(e) {
e.preventDefault();
}, false);
Deshabilitar el botón derecho y que salga un aviso
Con este modo, muy parecido al anterior, al hacer click con el botón derecho sale un aviso en el que puedes poner el texto que quieras. Solo tienes que cambiar el texto que hay entre las dobles comillas del alert("");.
Exactamente igual que en el otro caso, tienes que pegar el código en el archivo que tengas con todos los javascripts o en el footer de la web entre las clásicas etiquestas <script>...</script>.
// Deshabilitar boton derecho en la web y que salga aviso
document.addEventListener('contextmenu',function(e) {
e.preventDefault();
alert("Propiedad de alternativasgratuitas.com");
}, false);
Deshabilitar el botón derecho en un elemento concreto de la página
Este es un ejemplo distinto, en este caso no queremos que el menu contextual no salga al hacer click con el botón derecho en cualquier parte de la página, sino que solo no salga cuando se hace click en un elemento en concreto.
En este caso tenemos un elemento (un div o lo que quieras) con el un id llamado «caja», cambia en el código el nombre por el que tu quieras en el entrecomillado que lleva en getElementById y ya está, no saldrá el menu al hacer click con el botón derecho sobre él.
// Deshabilitar boton derecho en la web en un elemento concreto
document.getElementById("caja").addEventListener('contextmenu',function(e) {
e.preventDefault();
}, false);
De todos modos aclararte que estos scripts siempre se pueden saltar de alguna manera, existen numerosas extensiones para Chrome y Firefox que habilitan el botón derecho aunque uno intente deshabilitarlo por código.