ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

เหตุการณ์ transitionend

อ้างอิงวัตถุที่จัดกิจกรรม วัตถุที่จัดกิจกรรม

ตัวอย่าง

ทำอะไรบางอย่างกับ <div> องค์ประกอบเมื่อมีการเปลี่ยนแปลง CSS ได้สิ้นสุด:

// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);

// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
ลองตัวเอง»

ความหมายและการใช้งาน

เหตุการณ์ transitionend เกิดขึ้นเมื่อมีการเปลี่ยนแปลง CSS ได้เสร็จสิ้น

หมายเหตุ: หากเปลี่ยนแปลงจะถูกลบออกก่อนครบเช่นถ้าแบบ CSS การเปลี่ยนแปลงสถานที่ให้บริการ สถานที่ให้บริการจะถูกลบออกเหตุการณ์ transitionend จะไม่ยิง

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ CSS เปลี่ยนให้ดูที่การกวดวิชาของเราใน CSS3 Transitions


สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เหตุการณ์

ตัวเลขตามด้วย "WebKit", "MOZ" หรือ "O" ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า

เหตุการณ์
transitionend 26.0
4.0 (webkitTransitionEnd)
10.0 16.0
4.0 (mozTransitionEnd)
6.1
3.1 (webkitTransitionEnd)
12.1
10.5 (oTransitionEnd)

วากยสัมพันธ์

object.addEventListener("webkitTransitionEnd", myScript );  // Code for Safari 3.1 to 6.0
object
.addEventListener("transitionend", myScript );        // Standard syntax

หมายเหตุ: addEventListener () วิธีการไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้


รายละเอียดทางเทคนิค

บับเบิ้ล: ใช่
ยกเลิก: ใช่
ชนิดเหตุการณ์: TransitionEvent
DOM เวอร์ชัน: ระดับที่ 3 เหตุการณ์

หน้าเว็บที่เกี่ยวข้อง

สอน CSS: CSS3 Transitions

CSS อ้างอิง: CSS3 การเปลี่ยนแปลงสถานที่ให้บริการ

CSS อ้างอิง: CSS3 ทรัพย์สินสถานที่ให้บริการการเปลี่ยนแปลง


อ้างอิงวัตถุที่จัดกิจกรรม วัตถุที่จัดกิจกรรม