ເຫດການ transitionend

DOM 事件 TransitionEvent

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

ເຫດການ transitionend ຈະເກີດຂຶ້ນໃນທີ່ການຍ້າຍສະໝອງ CSS ໄດ້ສຳເລັດ.

ຄວາມຄິດ:ຖ້າການດຳເນີນຖືກຍ້າຍອອກຈາກສະໜາມ CSS ອັນດຽວກັນ. transition-property ບໍ່ຈະກະຈາຍເຫດການ transitionend ຖ້າທາງເສລີການຂອງ transition ບໍ່ທັນສຳເລັດ.

ສຳລັບຂໍ້ມູນກ່ຽວກັບ ການຍ້າຍສະໝອງ CSS ອີກຫຼາຍຫົກຂໍ້ມູນບໍ່ສາມາດນຳເຂົ້າມາລອດນີ້: ຫຼັກສູດການຍ້າຍສະໝອງ CSS3.

ຕົວຢ່າງ

ສະແດງບາງຢ່າງໃດກໍ່ຕາມ <div> ທີ່ການຍ້າຍສະໝອງ CSS ໄດ້ສຳເລັດ:

// ການດຳເນີນຕາມ Safari 3.1 ຫຼື 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// ການດຳເນີນຕາມມາດຕະຖານ
document.getElementById("myDIV").addEventListener("transitionend", myFunction);

ການທົດລອງເອງ

ການດຳເນີນຕາມມາດຕະຖານ

object.addEventListener("webkitTransitionEnd", myScript);  // ການດຳເນີນຕາມ Safari 3.1 ຫຼື 6.0
object.addEventListener("transitionend", myScript);        // ການດຳເນີນຕາມມາດຕະຖານ

ຄວາມຄິດ:Internet Explorer 8 ຫຼືອັນທີ່ກ່ວາບໍ່ສະໜັບສະໜຸນ ພາສາການດຳເນີນ addEventListener().

ລາຍລະອຽດດ້ານເຕັກນິກ

ການປະກາດຫຼັງຈາກການກະຈາຍ: ການສະໜັບສະໜຸນ
ສາມາດຍົກເລີກຫຼືບໍ່: ການສະໜັບສະໜຸນ
ບັນດາປະເພດເຫດການ: TransitionEvent
ບັນດາຫຼັກສູດ DOM: Level 3 Events

ການສະໜັບສະໜຸນບັນຊີວິດ

ຈຳນວນທີ່ຢູ່ໃນຕາລະບົດສະແດງວ່າບໍ່ມີການສະໜັບສະໜຸນເຫດການນີ້ຈະຖືກສະໜັບສະໜຸນໂດຍບັນຊີວິດເຊີຍອັນທຳອິດ.

ຈຳນວນທີ່ສາມາດນໍາໃຊ້ແຕ່ກ່ອນຈະມີການໃຫ້ຄວາມຄິດທີ່ແຕກຕ່າງກັນ "webkit"、"moz" ຫຼື "o".

ເຫດການ Chrome IE Firefox Safari Opera
transitionend 26.0
4.0 (webkit)		 10.0 16.0
4.0 (moz)		 6.1
3.1 (webkit)		 12.1
10.5 (o)

ຫຼັກສູດຄົນອື່ນ

ຫຼັກສູດ CSS: CSS3 ການຍ້າຍສະໝອງ

ປຶ້ມການປົກຄອງ CSS: ປະກາດ CSS3 transition

CSS 参考手册：CSS3 transition-property 属性

DOM 事件 TransitionEvent