Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Consulta clic derecho - Ejercicio Cambiando de color

Buenas noches! Estoy teniendo problema desde el código base que dieron para realizar este ejercicio, cada vez q hago clic con el botón derecho se despliega el menú, no me aparece el alert("Funcionó"). Me esta faltando algo? Porque entendí que copiando este código me tenia que salir directamente el alert "FUNCIONÓ"

2 respuestas
<canvas width="600" height="400"> </canvas>

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");    
    pincel.fillStyle = "grey";
    pincel.fillRect(0,0,600,400); 

    function dibujarCirculo(evento){
        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;    
        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.arc(x,y,10,0,2*3.14);
        pincel.fill();
        console.log(x + "," + y);        
    }

    pantalla.onclick = dibujarCirculo;

    function alterarColor() {
        alert("Funcionó");
        return false;
    }

    pantalla.oncontextmenu = alterarColor;

</script> 

Hola Claudia, espero que estés bien!

Como la función oncontextmenu funciona, haga clic con el botón derecho. Ejecute su código aquí y puedo mostrar o alertar en la parte superior de la página con tranquilidad.

Se ve así: La página dice: Funcionó y el botón para cerrar la alerta

¿Podría mostrarme cómo se ve en su navegador?

Saludos