watch-element-resize.js


A (yet another) cross-browser, event-based, element resize watcher. This is kind of a (improved) fork of sdecima/javascript-detect-element-resize.

$3

See here a demo.

How to use it?

##### CDN Hosted - jsDelivr
Load Javascript:
``HTML

`

##### Self hosted
Download latest release.

##### Instantiate with some options and listen to changes
`javascript
var watchResize = new WatchElementResize(['field1', 'field2']);
watchResize.on('resize', function(evt){
console.info(evt);

// the DOM element
var resized_element = evt.element.target;

// the element offset (width, height, top, left)
var offset = evt.element.offset;

// the window dimensions -- just in case you need
var window_size = evt.window;
});
`

API

Constructor

#### new WatchElementResize(target)

###### target can be:
{String|Array|Element|Array} String or array of string, DOM node or array of nodes.

Methods

#### watchResize.reAddListener()
#### watchResize.removeListener()

Events

`javascript
watchResize.on('resize', function(evt){

});
``