TransitionEvent: Конструктор TransitionEvent()
Базовая Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.
Конструктор TransitionEvent() возвращает новый объект TransitionEvent, представляющий событие, связанное с переходом.
Синтаксис
new TransitionEvent(type) new TransitionEvent(type, options)
Параметры
type-
Строка с именем события. Регистр имеет значение, и браузеры устанавливают его в
transitionrun,transitionstart,transitionend, илиtransitioncancel. optionsНеобязательно-
Объект, который, в дополнение к свойствам, определённым в
Event(), может содержать следующие свойства:propertyNameНеобязательно-
Строка, содержащая имя свойства CSS, связанного с переходом. По умолчанию
"". elapsedTimeНеобязательно-
Число, определяющее продолжительность анимации в секундах, когда это событие сработало, не включая время, когда анимация была приостановлена. Для события
"animationstart"значениеelapsedTimeравно0.0за исключением случаев, когда дляanimation-delayзадано отрицательное значение, в этом случае событие будет срабатывать сelapsedTimeсодержащим(-1 * delay). По умолчанию0.0. pseudoElementНеобязательно-
Строка, по умолчанию
"::", содержащая имя псевдоэлемента, на котором выполняется анимация. Если анимация выполняется не на псевдоэлементе, а на элементе, значение пустая строка:"". По умолчанию"".
Возвращаемое значение
Новый объект TransitionEvent.
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
TransitionEvent |
27 | 14 | 23 | 15 | 76 | 27 | 23 | 15 | 76 | 2.0 | 4.4 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent/TransitionEvent