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 calse MouseEvent, que nos devuelve un string cuyo valor es 'click'.

Por tanto, nos daria lo mismo capturar este ecento utilizando:

miBoton.addEventListener(MouseEvent.MOUSE_UP, 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 que porduce el ratón. Sólo se se producirán cuando la acción se realize 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 cuandos e 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 my seguidos. Por ejemplo, al abandonar el cuadro de texto se produce MOUSE_OUT y ROLL_OVER. Como este último se produce después, es el que aparece en la caja de texto.

   Inicio