ontransition{run, start, cancel} event handler attributes

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!'); }

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



Working draft or equivalent

Status in Chromium


In development (tracking bug)

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


Last updated on 2019-12-10