Detect resize on an element without polling or iframes
This uses a MutationObserver to detect changes to the style
attribute of an element and then compares the width/height to check if it has changed.
A polyfill is provided which will use polling on older browsers.
var onResize = require('resize-event')
// Create or select an element, must be in the DOM
var element = document.createElement('div')
document.body.appendChild(element)
// Bind the event
onResize(element, function () {
console.log('element was resized')
})
// Trigger the event
element.style.width = '500px'
npm install resize-event --save
Then use a CommonJS compatible module bundler to require('resize-event')
.
(c) 2015 Kyle Robinson Young. MIT License