animationstart इवेंट

DOM इवेंट AnimationEvent

वर्णन और उपयोग

CSS एनिमेशन शुरू होने पर animationstart इवेंट होता है。

CSS एनिमेशन के बारे में अधिक जानकारी के लिए हमारे CSS3 एनिमेशन ट्यूटोरियल。

CSS एनिमेशन चलने के दौरान तीन घटनाएँ हो सकती हैं:

  • animationstart - CSS एनिमेशन शुरू होने पर घटना होती है
  • animationiteration - CSS एनिमेशन दोबारा चलने पर घटना होती है
  • animationend - CSS एनिमेशन पूरा होने पर घटना होती है

उदाहरण

CSS एनिमेशन शुरू होने पर <div> एलीमेंट पर कुछ करें:

var x = document.getElementById("myDIV");
// Chrome, Safari और Opera के लिए कोड
x.addEventListener("webkitAnimationStart", myStartFunction);
// मानक व्याकरण
x.addEventListener("animationstart", myStartFunction);

स्वयं का प्रयोग करें

व्याकरण

object.addEventListener("webkitAnimationStart", myScript);  // Chrome, Safari और Opera के लिए कोड
object.addEventListener("animationstart", myScript);        // मानक व्याकरण

टिप्पणीःInternet Explorer 8 या अधिक पुरानी संस्करण समर्थित नहीं है addEventListener() विधि。

तकनीकी विवरण

बुबलिंग समर्थित
रद्द करने वाला समर्थित नहीं
इवेंट तरीकाः AnimationEvent
DOM संस्करणः स्तर 3 इवेंट

ब्राउज़र समर्थन

तालिका में अंक इस इवेंट का पूर्ण समर्थन करने वाली पहली ब्राउज़र संस्करण को दर्शाते हैं。

अंक के बाद का "webkit" या "moz" निर्देश इस इवेंट के उपयोग में पहली संस्करण का प्रयोग करने का संकेत देता है。

इवेंट Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

टिप्पणीःChrome, Safari और Opera के लिए webkitAnimationEnd का उपयोग करें。

संबंधित पृष्ठ

CSS ट्यूटोरियलःCSS3 एनीमेशन

CSS संदर्भ पुस्तकःCSS3 animation गुण

HTML DOM संदर्भ मैनुअल:Style animation गुण

DOM इवेंट AnimationEvent