transitionend အခင်း

DOM အချက်အလက် TransitionEvent

အချက်အလက် နှင့် အသုံးပြုခြင်း

transitionend အခင်း အချက်အလက် စက်တင်တိုက် ဆန့်ကျင်ဆေး အပြီး ဖြစ်သည်

အစီအစဉ်:အခြေအနေ အတွက် ဆန့်ကျင်ဆေး ဖြင့် အပြီး ပြီးခဲ့သည့် အချက်အလက် ကို ဖယ်ရှားခြင်း ရှိသော အခါ အခင်း ဖြစ်သည် transition-property ဗီဒီယို အချက်အလက် အတွက် အခင်း အထူးသတ်မှတ်ထားသော ဘာသာစကား မပေးဘဲ အခင်း ဖြစ်သည်

စက်တင်တိုက် ဆန့်ကျင်ဆေး အချက်အလက် ပိုမိုကျယ်ပြရာ ကျွန်ုပ်၏ သင်ရိုး ကျယ်ပြရာ ကြည်ညိုပါ စက်တင်တိုက်3 ဆန့်ကျင်ဆေး.

အကျယ်ပြု

စက်တင်တိုက် ဆန့်ကျင်ဆေး အပြီးတွင် <div> အရာတိုက် အတွက် အချက်အလက် တချို့ ကျင်းပသည်

// ဆန်ဖာ 3.1 ထိ 6.0 အထိ နည်းပါးရပ်
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// နည်းပါးရပ်
document.getElementById("myDIV").addEventListener("transitionend", myFunction);

ကျွန်ုပ်ကိုယ် ကျင်းပ

အက္ခရာ

object.addEventListener("webkitTransitionEnd", myScript);  // ဆန်ဖာ 3.1 ထိ 6.0 အထိ နည်းပါးရပ်
object.addEventListener("transitionend", myScript);        // နည်းပါးရပ်

အစီအစဉ်:အင်တာနက် အက်စ်အိတ် 8 သို့မဟုတ် အရောက် ဘာသာစကား မပေးဘဲ addEventListener() နည်းလမ်း.

နည်းပါးရပ်

ပေါ်လျှောက်: ထောက်ပံ့
ပယ်ဖျက်နိုင်: ထောက်ပံ့
အခင်း အမျိုး: TransitionEvent
DOM ပုံစံ: အခင်း အချို့

ဘာသာသား အထူးသတ်မှတ်

အချက်အလက် စာရင်း တွင် အခင်း အထူးသတ်မှတ်ထားသော ပထမ ဘာသာသား ဘာသာစကား ဖြစ်သည်

ပြင်းပြီး "webkit"、"moz" သို့မဟုတ် "o" ဖြင့် အချက်အလက် ဖော်ပြထားသော နေရာ ကို သုံးစွဲသည် အစိတ်အစိတ် ပြောင်းလဲသည်

အခင်း ချူး အိုး ဖက်ဖာ ဆန်ဖာ အိုပရာ
transitionend 26.0
4.0 (webkit)		 10.0 16.0
4.0 (moz)		 6.1
3.1 (webkit)		 12.1
10.5 (o)

လုပ်ခြင်း စာရင်း

စက်တင်တိုက် သင်ရိုး: စက်တင်တိုက်3 ဆန့်ကျင်ဆေး

စက်တင်တိုက် ကိုးကွယ်ချက်: စက်တင်တိုက်3 ဆန့်ကျင်ဆေး ဗီဒီယို ကုဒ်

CSS အချက်အလက်ကြော်ငြာ့တင်းသုတ်: CSS3 transition-property ဗဟုသုတ

DOM အချက်အလက် TransitionEvent