События перехода CSS3

Там какие-либо события запущены элементом, чтобы проверить, запустился ли css3 переход или заканчивается?

189
задан Andreas Köberle 13 August 2011 в 03:28
поделиться

1 ответ

W3C CSS Transitions Draft

Завершение CSS-перехода генерирует соответствующее событие DOM. Событие генерируется для каждого свойства, которое подвергается переходу. Это позволяет разработчику контента выполнять действия, синхронизированные с завершением перехода.


Webkit

Чтобы определить завершение перехода, установите функцию слушателя событий JavaScript для события DOM, которое отправляется в конце перехода. Это событие является экземпляром WebKitTransitionEvent, а его тип - webkitTransitionEnd.

box.addEventListener( 'webkitTransitionEnd', 
    function( event ) { alert( "Finished transition!" ); }, false );

Mozilla

Существует единственное событие, которое запускается при завершении перехода. В Firefox это событие называется transitionend, в Opera - oTransitionEnd, а в WebKit - webkitTransitionEnd.

Opera

Существует один тип события перехода доступен. Событие oTransitionEnd происходит при завершении перехода.

Internet Explorer

Событие transitionend происходит при завершении перехода. Если переход удален до завершения, событие не произойдет.


Stack Overflow: How do I normalize CSS3 Transition functions across browsers?

210
ответ дан 23 November 2019 в 05:39
поделиться
Другие вопросы по тегам:

Похожие вопросы: