ontransition{run, start, cancel} event handler attributes

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

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

Documentation

Specification

Working draft or equivalent

Status in Chromium

Blink>Animation


Enabled by default (tracking bug) in:

  • Chrome for desktop release 79
  • Chrome for Android release 79
  • Android WebView release 79

Consensus & Standardization

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

  • Shipped
  • No public signals
  • Shipped
  • No signals

Owner

Last updated on 2019-09-16