Matukio ya animationstart

Matukio ya DOM AnimationEvent

Ufafanuzi na Matumizi

Kina CSS kuanza kuwa inashindwa, matukio ya animationstart inatukua.

Kwa ujumbe zaidi kuhusu CSS ya Animation, tafuta mafunzo yetu ya Mafunzo ya CSS3 ya Animation.

Kina CSS inashindwa, inaweza kushinda matukio tatu:

Mfano

Kina CSS kuanza kuwa inashindwa, kufanya machache kwa elementi ya <div>:

var x = document.getElementById("myDIV");
// Inafaa kuzungumza kwa Chrome, Safari na Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// Inafaa kuzungumza cha msingi
x.addEventListener("animationstart", myStartFunction);

Mtaarifu wa Kina

Inafaa kuzungumza

object.addEventListener("webkitAnimationStart", myScript);  // Inafaa kuzungumza kwa Chrome, Safari na Opera
object.addEventListener("animationstart", myScript);        // Inafaa kuzungumza cha msingi

Mwongozo:Internet Explorer 8 na zaidi ya hayo hazina inaingia. Method ya addEventListener().

Maelezo ya Teknolojia

Inakatalika kwenye mazingira yake: Inatumikiwa
Inafaa kufunguliwa: Haitumikiwa
Aina ya Matukio: AnimationEvent
Mwongozo wa DOM: Matukio ya Kiwango 3

Matumizi ya Kifungu

Mafaa ya tabia inaeleza sababu ya kigena kwanza ya kusukumwa kwa matukio haya.

Kifaa kinachotababisha "webkit" au "moz" kueleza sababu ya kigena kwanza ya kuzungumza.

Matukio Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Mwongozo:Kwa Chrome, Safari na Opera, tumia webkitAnimationEnd.

Sayari za ya

CSS MafunzoMigawanyiko ya CSS3

CSS Mwongozo wa KielekileMafano ya animation ya CSS3

Kitabu cha kifaa cha HTML DOM:Mafano ya animation ya Style

Matukio ya DOM AnimationEvent