Spec-Zone.ru › Web APIs

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.

Спецификации

Спецификация
CSS Transitions
# dom-transitionevent-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

См. также

  • Использование CSS-переходов
  • Свойства CSS: transition, transition-delay, transition-duration, transition-property, transition-timing-function.

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API