javascript - una - ¿Deshabilitar el menú contextual en un Lienzo HTML?

deshabilitar ver codigo fuente html

Question

Hacer una aplicación de pintura usando HTML5 y Canvas.

Creo que quiero tener un sistema similar a aplicaciones como Paint y Photoshop, donde puedes seleccionar un color primario y secundario y usar el botón izquierdo para pintar con el color primario y hacer clic con el botón derecho para pintar con el color secundario.

Sin embargo, después de que uno suelta el botón derecho del mouse, se abre el menú contextual en el navegador (ver imagen, guardar imagen, seleccionar todo).

¿Esto puede ser elegantemente desactivado? No quiero que sea una solución hackish que solo funciona en algunos navegadores si es posible.

Gracias.

Answer 1

Esto desactivará el menú contextual en el lienzo.

<canvas oncontextmenu="return false;"></canvas>

Answer 2

Intente agregar oncontextmenu="return false;" en la etiqueta del cuerpo Debe deshabilitar el menú contextual.

Si creo en esta fuente: http://javascript.about.com/library/blnoright.htm que es el primer resultado de google para la consulta "javascript disable, haga clic derecho" que debería haber intentado.

Editar:

• sobre lienzo No conozco el elemento, pero ¿intentó llamar a stopPropagation() en el elemento de evento una vez que finaliza su función?
• o la solución anterior en la etiqueta del lienzo en lugar del cuerpo ...

Answer 3

Prueba esto

canvas.oncontextmenu = function (e) {
    e.preventDefault();
};

Answer 4

Puedes usar esto:

$(''img'').bind(''contextmenu'', function(e){
    return false;
}); 

¡Mira este ejemplo de trabajo !

Con la última jQuery:

$(''body'').on(''contextmenu'', ''img'', function(e){ return false; });

Nota: ¡Debería usar algo más angosto que el body si es posible!

EDITADO

Se actualizó el ejemplo de Fiddle para mostrar que el menú contextual está limitado al lienzo y no a la imagen.

JQUERY

$(''body'').on(''contextmenu'', ''#myCanvas'', function(e){ return false; });

EJEMPLO DE HTML

<canvas id="myCanvas" width="200" height="100">
  Your browser does not support the canvas element.
</canvas>

<img src="http://db.tt/oM60W6cH" alt="bubu">