A veces, por lo que sea, en una aplicación web necesitamos sobreescribir el comportamiento standar del click derecho del ratón, que en lugar de abrirnos el menú contextual abra algo personalizado. Veamos lo básico ¿Cómo hacemos que en lugar del comportamiento por defecto ejecute el código que queramos? Pues recogiendo el evento y escribiendo nuestro propio código:
if (document.addEventListener) {
document.addEventListener('contextmenu', function(e) {
alert("NANAY DE ABRIR!!!!!"); //Aquí iría el código que quieres ejecutar en lugar del comportamiento por defecto
e.preventDefault(); //esta línea evita el comportamiento por defecto
}, false);
} else {
document.attachEvent('oncontextmenu', function() {
alert("NANAY DE ABRIR"); ///aquí una alternativa
window.event.returnValue = false;
});
}