Unidad 18. Avanzado: ActionScript 3. Eventos de ratón





Cuando capturamos un evento, lo que realmente estamos utilizando es un string, una cadena de texto. Por ejemplo al escribir MouseEvent.CLICK, estamos accediendo a la propiedad CLICK de la clase MouseEvent, que nos devuelve un string cuyo valor es 'click'.

Por tanto, nos daría lo mismo capturar este ecento utilizando:

miBoton.addEventListener(MouseEvent.CLICK, miFuncion);

Que utilizar la cadena equivalente:

miBoton.addEventListener('click', miFuncion);

Únicamente comentamos esto porque puede que a alguien le sea más cómodo utilizarlo de una forma u otra, o que no se extrañe si en algún ejemplo lo ve así.

Veamos todos los eventos que produce el ratón. Sólo se producirán cuando la acción se realice sobre el elemento que tiene el escuchador:

  • MouseEvent.CLICK ("click") - Se procue al hacer clic (pulsar y soltar el botón ratón).
  • MouseEvent.DOUBLE_CLICK ("doubleClick") - Se produce al hacer doble clic.
  • MouseEvent.MOUSE_DOWN ("mouseDown") - Se produce al pulsar el botón del ratón (antes de soltarlo).
  • MouseEvent.MOUSE_MOVE ("mouseMove") - Se produce cuando el ratón se mueve sobre el elemento.
  • MouseEvent.MOUSE_OUT ("mouseOut") - Se produce cuando se saca el cursor de encima del elemento.
  • MouseEvent.MOUSE_OVER ("mouseOver") - Se produce cuando el ratón se coloca sobre el objeto.
  • MouseEvent.MOUSE_UP ("mouseUp") - Se produce cuando se suelta el botón del ratón.
  • MouseEvent.MOUSE_WHEEL ("mouseWheel") - Se produce al presionar la rueda del cursor.
  • MouseEvent.ROLL_OUT ("rollOut") - Se produce cuando se mueve el ratón fuera del elemeto.
  • MouseEvent.ROLL_OVER ("rollOver") - Se produce cuando se mueve el ratón sobre el elemento.

 

Por ejemplo, el flash que vemos a continuación tiene el siguiente código que hace que al producirse un evento, se muestre su nombre:

texto.addEventListener(MouseEvent.CLICK, funcion);
texto.addEventListener(MouseEvent.DOUBLE_CLICK, funcion);
texto.addEventListener(MouseEvent.MOUSE_DOWN, funcion);
texto.addEventListener(MouseEvent.MOUSE_MOVE, funcion);
texto.addEventListener(MouseEvent.MOUSE_OUT, funcion);
texto.addEventListener(MouseEvent.MOUSE_OVER, funcion);
texto.addEventListener(MouseEvent.MOUSE_UP, funcion);
texto.addEventListener(MouseEvent.MOUSE_WHEEL, funcion);
texto.addEventListener(MouseEvent.ROLL_OUT, funcion);
texto.addEventListener(MouseEvent.ROLL_OVER, funcion);
function funcion (e:MouseEvent):void {
	texto.text="\n"+e.type;
}

Observa que no vemos todos los eventos, porque algunos se producen a la vez o muy seguidos. Por ejemplo, al abandonar el cuadro de texto se produce MOUSE_OUT y ROLL_OUT. Como este último se produce después, es el que aparece en la caja de texto.



   Inicio    







.