TransitionEnd

April 3, 2021 · View on GitHub

TransitionEnd is an agnostic and cross-browser library to work with event transitionend.

Browser Support

ChromeFirefoxInternet ExplorerOpera
1.0+ ✔4.0+ ✔10+ ✔10.5 ✔3.2+ ✔

Installation

To install Selecting, execute:

  npm install transitionEnd

Or Bower too:

  bower install transitionEnd

Or simply pick up the file from src directory.

Methods

  • transitionEnd(element).bind(callback)
  • transitionEnd(element).unbind()
  • transitionEnd(element).whichTransitionEnd()

How does it work?

var box = $("#box"); // or document.getElementById("box")
var foo = $("#foo");

transitionEnd(box).bind(function(){
	foo.addClass("on");
	transitionEnd(box).unbind();
});

var transition = transitionEnd(box).whichTransitionEnd(); // return for example "webkitTransitionEnd"