The ontransitionrun, ontransitionstart, and ontransitioncancel event handler attributes allow developers to add event listeners for 'transitionrun', 'transitionstart', and ‘transitioncancel' events on elements, Document objects, and Window objects. An example of how this might be used: target.ontransitioncancel = () => { console.log('transition was cancelled!'); }

Motivation

These features are part of the stable css-transitions-1 spec, and have shipped in other browsers a long time ago.

Documentation

Specification

Specification link


Specification currently under development in a Working Group

Status in Chromium

Blink>Animation


Enabled by default (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owners

Last updated on 2021-01-13