ເຫດການ animationstart

ບັນດາເຫດການ DOM AnimationEvent

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

animationstart ເຫດການໄດ້ເກີດຂຶ້ນບໍ່ມີການກະທຳບາງຢ່າງຕໍ່ <div> ບັນດາການສະແດງ CSS ເມື່ອການສະແດງ CSS ເລີ່ມຕົ້ນ.

ສໍາລັບຂໍ້ມູນກ່ຽວກັບ CSS Animation ຂ້ອຍໄດ້ເຮັດການສຶກສາພວກເຮົາ ການສອນ CSS3 Animation.

ບໍ່ມີການກະທຳບາງຢ່າງຕໍ່ <div> ບັນດາການສະແດງ CSS ເມື່ອການສະແດງ CSS ເລີ່ມຕົ້ນ.

ຕົວຢ່າງ

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

var x = document.getElementById("myDIV");
// ກິດຈະກຳສຳລັບ Chrome, Safari ແລະ Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// ນິຕິບັດພາສາອັງກິດ
x.addEventListener("animationstart", myStartFunction);

ທ້າທາຍຄວາມສຳຄັນ

ນິຕິບັດພາສາ

object.addEventListener("webkitAnimationStart", myScript);  // ກິດຈະກຳສຳລັບ Chrome, Safari ແລະ Opera
object.addEventListener("animationstart", myScript);        // ນິຕິບັດພາສາອັງກິດ

ຄຳເຫັນ:Internet Explorer 8 ຫຼືຫຼັງກ່ວາບໍ່ສະໜັບສະໜູນ addEventListener() ກົນລະບົບ.

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

ການລຸກລາຍກະແສ: ສະໜັບສະໜູນ
ສາມາດຍົກເລີກຄວາມສຳຄັນອາດ: ບໍ່ສະໜັບສະໜູນ
ຊະນິດເຫດການ: AnimationEvent
ສະບັບ DOM: Level 3 Events

ການສະໜັບສະໜູນບັນດາບັນດາບາດດິນຂາຍ

ຈຸດນັບໃນຕາລາງໄດ້ກ່າວອີກວ່າການສະໜັບສະໜູນເຫດການນັ້ນຈາກການອອກສະບັບທໍາອິດ.

ຈຸດນັບຫຼັງຈາກຕົວເລກ "webkit" ຫຼື "moz" ໄດ້ກ່າວອີກວ່າການໃຊ້ກ່ອນເທື່ອຂອງການເພີ່ມການສະແດງ.

ເຫດການ Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

ຄຳເຫັນ:ສໍາລັບ Chrome, Safari ແລະ Opera, ຂ້ອຍໄດ້ໃຊ້ webkitAnimationEnd。

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

CSS ການສອນການສະແດງຄວາມຫຼາຍ CSS3

CSS ອະນຸມັດການສະແດງປະສົມປະສານ animation CSS3

ການປະກາດ HTML DOMປະສົມປະສານ animation Style

ບັນດາເຫດການ DOM AnimationEvent