ການກະຕຸ້ນງານ ການວາງທາງສະແດງສຸດທ້າຍ
ການກໍານົດ ແລະ ການນໍາໃຊ້
animationend ເຫດການເກີດຂຶ້ນໃນຂະນະທີ່ CSS ୲າກາດສຳເລັດ
ສຳລັບຂໍ້ມູນອີກຫຼາຍກ່ຽວກັບ CSS ୲າກາດ，ກະລຸນາກິດສົນບັນຍາສອນຂອງພວກເຮົາ CSS3 动画教程。
ການເກີດຂຶ້ນສາມເຫດການທີ່ຈະເກີດຂຶ້ນໃນຂະນະທີ່ CSS ອາກາດກຳລັງດຳເນີນ
- animationstart - ການເກີດຂຶ້ນຕອນບັນນາທິການ CSS
- animationiteration - ການເກີດຂຶ້ນຕອນການດຳເນີນການ CSS
- animationend - ການເກີດຂຶ້ນຕອນບັນນາທິການ CSS
ຕົວຢ່າງ
ບໍ່ມີການດຳເນີນການທີ່ຄວນດຳເນີນກັບ <div> ທີ່ມີການດຳເນີນການອາກາດ CSS
var x = document.getElementById("myDIV");
// ສຳລັບ Chrome、Safari ແລະ Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);
// ປະຫວັດສາດພາສາ
x.addEventListener("animationend", myEndFunction);
ປະຫວັດສາດ
object.addEventListener("webkitAnimationEnd", myScript); // ສຳລັບ Chrome、Safari ແລະ Opera
object.addEventListener("animationend", myScript); // ປະຫວັດສາດພາສາ
ຄວາມຄິດເຫັນ：Internet Explorer 8 ຫຼືຫຼາຍກວ່ານັ້ນບໍ່ສະໜັບສະໜູນ addEventListener() 方法。
ລາຍລະອຽດດ້ານເຕັກນິກ
| ການປະຕິບັດຕົວເຫດການສູ່ຫຼາຍຊັ້ນທີ່ | ສະໜັບສະໜູນ |
|---|---|
| ສາມາດຍົກເລີກຫຼັງຈາກການດຳເນີນການບໍ່ | ບໍ່ສະໜັບສະໜູນ |
| ເຫດການບານ | AnimationEvent |
| DOM 版本： | Level 3 Events |
ການສະໜັບສະໜູນບັນດາບານນີ້
ຕົວເລກໃນຕາລະບັນຍັດໄດ້ອະທິບາຍການສະໜັບສະໜູນສິ່ງການເຫດການນີ້ທຳອິດຂອງຈຸດຊອກພະຍາຍາມ。
ຕົວເລກຫຼັງຈາກ ບັນດາ "webkit" ຫຼື "moz" ໄດ້ອະທິບາຍການໃຊ້ຖານສະທ້ອນຄັ້ງທໍາອິດ。
| ເຫດການ | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| animationend | 4.0 webkit | 10.0 | 16.0 5.0 moz |
4.0 webkit | 15.0 webkit 12.1 |
ຄວາມຄິດເຫັນ：ສຳລັບ Chrome、Safari ແລະ Opera，ບໍ່ກັບມັນ webkitAnimationEnd。
相关页面
CSS 教程：ການສະແດງການວາງທາງສະແດງຂອງ ຄອສສະຕີສະລີສະລີສະລີ
CSS 参考手册：CSS3 animation 属性
HTML DOM 参考手册：Style animation 属性
