p5.js Elemento mouseOver() Método

El método mouseOver() de p5.Element en p5.js se invoca cada vez que el usuario mueve el puntero del mouse sobre el elemento. Se puede usar para adjuntar detectores de eventos a un elemento.

Sintaxis:

mouseOver( fxn )

Parámetros:  esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

• fxn: es una función que se activa cada vez que se mueve el mouse sobre el elemento. También se le puede pasar un valor falso para evitar que se active la función anterior.

El siguiente ejemplo ilustra el método mouseOver() en p5.js:

Ejemplo:

function setup() {
    canv = createCanvas(550, 300);
    textSize(20);
  
    text("Move the mouse over the element "
        + "to change its color", 20, 20);
  
    divelem =
        createDiv("This is a div element");
    divelem.position(30, 80);
    divelem.size(400, 200);
    divelem.style("border: 2px dashed");
  
    // Using the mouseOver() method
    // for a callback to changeColor()
    divelem.mouseOver(changeColor);
}
  
function changeColor() {
    divelem.style(
        "background-color: lightgreen"
    );
  
    divelem.html(
        "The mouse has been moved over the element!"
    );
}

Producción:

Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Referencia: https://p5js.org/ referencia/#/p5.Elemento/mouseOver