La función doubleClicked() se invoca cada vez que un mouse o dispositivo señalador provoca un evento dblclick . Esto sucede cuando se hace clic en el dispositivo señalador dos veces en rápida sucesión en un solo elemento. El argumento de devolución de llamada MouseEvent podría usarse para acceder a los detalles del clic.
Sintaxis:
doubleClicked([event])
Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- evento: este es un argumento opcional de devolución de llamada de MouseEvent. Se puede utilizar para acceder a los detalles del clic.
El siguiente programa ilustra la función doubleClicked() en p5.js:
Ejemplo 1: Hacer doble clic para cambiar el color de relleno.
let colorVal = 0;
function setup() {
createCanvas(500, 300);
textSize(24);
}
function draw() {
clear();
// apply fill based on the red component
fill(colorVal, 128, 255 - colorVal)
text("Double click to change the color", 20, 20);
circle(150, 150, 200);
}
function doubleClicked() {
// change the value if
// the event occurs
if (colorVal < 255)
colorVal += 50;
else
colorVal = 0;
}
Salida: 
Ejemplo 2: Acceso a los detalles del objeto MouseEvent.
let y = 60;
function setup() {
createCanvas(500, 200);
textSize(16);
text("Double click the mouse to see doubleClicked() function fire", 10, 20);
}
function doubleClicked(event) {
// get the x and y location
// of the double click
locationX = event.x;
locationY = event.y;
locString = "Mouse was double clicked at location: "
+ locationX + ", " + locationY;
text(locString, 10, y);
y = y + 20;
console.log(event);
}
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/reference/#/p5/doubleClicked
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA