رویداد animationName
مثال (رویداد animationName)
برگرداندن نام انیمیشن:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "Animation-name is: " + event.animationName;
}
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "Animation-name is: " + event.animationName;
}
خودتان امتحان کنید »
تعریف و کاربرد
خصوصیت animationName، هنگام روی دادن یک رویداد انیمیشن، نام انیمیشن را برمی گرداند.
نام انیمیشن در واقع مقدار خصوصیت سی اس اس animation-name می باشد.
این خصوصیت "فقط خواندنی" است.
پشتیبانی مرورگرها
اعداد داخل جدول زیر، نشان دهنده ی اولین ورژن مرورگری است که به طور کامل از این رویداد پشتیبانی می کند.
| متد | |||||
|---|---|---|---|---|---|
| animationName | بله | 10.0 | 6.0 | بله | بله |
نحوه استفاده
event.animationName
جزئیات تکنیکی
| مقدار برگشتی | یک رشته که نام انیمیشن را مشخص می کند |
|---|
آموزش های مرتبط
مرجع مدل DOM در اچ تی ام ال The animationstart Event
مرجع مدل DOM در اچ تی ام ال The animationiteration Event
مرجع مدل DOM در اچ تی ام ال The animationend Event
مرجع مدل DOM در اچ تی ام ال AnimationEvent elapsedTime Property
CSS reference: CSS3 animation Property
CSS reference: CSS3 animation-name Property
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 4395
