#cssWatch.js This is a fork from darcyclarke's Watch.js project. Please see: https://github.com/darcyclarke/Watch.js for full details.
This plugin lets you listen for when a CSS property, or properties, changes on element. It utilizes Mutation Observers to mimic the DOMAttrModified (Mutation Events API) and propertychange (Internet Explorer) events.
There is both a jQuery-specific plugin as well as a library agnostic version of this plugin available.
// Watch for width or height changes and log values
$('div').cssWatch('width height', function(){
console.log(this.style.width, this.style.height);
});// Watch for width or height changes and log values
var div = document.querySelectorAll('div');
cssWatch( div, 'width height', function(){
console.log(this.style.width, this.style.height);
});bower install ranma2913/cssWatch.js --save
This library utilizes the Polymer team's Mutation Observers and WeakMap Polyfills. They are included by default which bulks the library a bit. Depending on future usage, I may choose to references these as bower dependancies.
Copyright (c) 2013 Darcy Clarke
Dual licensed under the MIT and GPL licenses.