evento transitionend

Ejemplos

Modificar <div> CSS después de la finalización de los elementos de transición y estilos de texto:

// Safari 3.1 Dao código 6.0
. Document.getElementById ( "myDiv") addEventListener ( "webkitTransitionEnd", myFunction);

// Sintaxis estándar
. Document.getElementById ( "myDiv") addEventListener ( "transitionend", myFunction);

Trate »

Definición y Uso

transitionend evento se desencadena después de la CSS para completar la transición.

Nota: si la transición se produce antes de la finalización, por ejemplo, el CSS Transición-propiedad se elimina el atributo, no se activa el evento de transición.

Más sobre las transiciones CSS, consulte nuestras transiciones CSS3 .

Soporte para el navegador

Las cifras de la tabla representan el primer navegador para apoyar esta versión de los hechos.

"Webkit" o "moz" u "o" en apoyo del número especificado prefijo de la primera versión del evento.

evento
transitionend	26.0 4,0 a webkitTransitionEnd	10.0	16.0 4,0 a mozTransitionEnd	6.1 3.1 webkitTransitionEnd	12.1 10,5 a oTransitionEnd

Nota: Safari 3.1 Dao versión 6.0 apoyaron el evento, prefijo uso webkitTransitionEnd.

gramática

object.addEventListener ( "webkitTransitionEnd", myScript) ; // Safari 3.1 Dao código 6.0
objetar .addEventListener ( "transitionend", myScript ); // sintaxis estándar

Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles con addEventListener () método.

detalles técnicos