darcyclarke / Watch.js
Licence: mit
👀 Watches elements for changes in properties and attributes
Stars: ✠131
Programming Languages
javascript
184084 projects - #8 most used programming language
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
let $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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].