👀 Watches elements for changes in properties and attributes
Switch branches/tags
Clone or download
Latest commit 528d6cb Sep 30, 2014
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE-GPL
LICENSE-MIT
README.md
bower.json
watch.jquery.json
watch.js

README.md

#Watch.js

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.

Bower Usage

bower install darcyclarke/watch.js --save

Default Usage

// Watch for width or height changes and log values
var div = document.querySelectorAll('div');
watch( div, 'width height', function(){
	console.log(this.style.width, this.style.height);
});

jQuery Usage

// Watch for width or height changes and log values
$('div').watch('width height', function(){
	console.log(this.style.width, this.style.height);
});

Dependancies

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.

License

Copyright (c) 2013 Darcy Clarke
Dual licensed under the MIT and GPL licenses.