Search completed in 1.61 seconds.
7 results for "ontransitionstart":
Document: transitionstart event - Web APIs
bubbles yes cancelable no interface transitionevent event handler property globaleventhandlers.
ontransitionstart the original target for this event is the element that had the transition applied.
... examples this code adds a listener to the transitionstart event: document.addeventlistener('transitionstart', () => { console.log('started transitioning'); }); the same, but using the
ontransitionstart property instead of addeventlistener(): document.ontransitionrun = () => { console.log('started transitioning'); }; see a live example of this event.
Document - Web APIs
globaleventhandlers.
ontransitionstart an eventhandler called when a transitionstart event is sent, indicating that a css transition has started transitioning.
... also available via the
ontransitionstart property.
Window: transitionstart event - Web APIs
bubbles yes cancelable no interface transitionevent event handler property globaleventhandlers.
ontransitionstart the original target for this event is the element that had the transition applied.
... examples this code adds a listener to the transitionstart event: window.addeventlistener('transitionstart', () => { console.log('started transitioning'); }); the same, but using the
ontransitionstart property instead of addeventlistener(): window.ontransitionrun = () => { console.log('started transitioning'); }; see a live example of this event.
GlobalEventHandlers - Web APIs
globaleventhandlers.
ontransitionstart an eventhandler called when a transitionstart event is sent, indicating that a css transition has started transitioning.
HTMLElement: transitionstart event - Web APIs
bubbles yes cancelable no interface transitionevent event handler property
ontransitionstart examples this code adds a listener to the transitionstart event: element.addeventlistener('transitionstart', () => { console.log('started transitioning'); }); the same, but using the
ontransitionstart property instead of addeventlistener(): element.ontransitionrun = () => { console.log('started transitioning'); }; live example in the following example, we have a simple <div> element, styled with a transition that includes a delay: <div class="transition">hover over me</div> <div class="message"></div> .transition { ...