Una función que se llama cuando el mouse se mueve mientras se mantiene pulsado un botón.
Declarar la función mouseDragged()
establece un bloque de código para ejecutarse automáticamente cuando el usuario hace clic y arrastra el mouse:
function mouseDragged() { // Code to run. }
Las variables del sistema del mouse, como mouseX y mouseY, se actualizarán con su valor más reciente cuando mouseDragged()
sea llamado por p5.js:
function mouseDragged() { if (mouseX < 50) { // Code to run if the mouse is on the left. }if (mouseY > 50) { // Code to run if the mouse is near the bottom. } }
El parámetro event
es opcional. mouseDragged()
siempre se le pasa un MouseEvent objeto con propiedades que describen el evento de arrastre del mouse:
function mouseDragged(event) { // Code to run that uses the event. console.log(event); }
En dispositivos táctiles, mouseDragged()
se ejecutará cuando el usuario mueve un punto de tacto si touchMoved() no está declarado. Si touchMoved() está declarado, entonces touchMoved() se ejecutará cuando el usuario mueve un punto de tacto y mouseDragged()
no se ejecutará.
Los navegadores pueden tener comportamientos predeterminados asociados a eventos del mouse. Por ejemplo, algunos navegadores resaltan texto cuando el usuario mueve el mouse mientras mantiene pulsado un botón. Para evitar cualquier comportamiento predeterminado para este evento, agregue return false;
al final de la función.
Ejemplos
Sintaxis
mouseDragged([event])
Parámetros
Argumento opcional MouseEvent
.
Referencias Relacionadas
doubleClicked
Una función que se ejecuta una vez cuando el botón del mouse se hace doble click rápidamente.
exitPointerLock
Sale de un bloqueo de puntero iniciado con requestPointerLock.
mouseButton
Una variable de tipo String del sistema que contiene el valor del último botón del mouse presionado.
mouseClicked
Una función que se ejecuta una vez después de que se presiona y se suelta un botón del mouse.