node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org »

resize-event

resize-event

Detect resize on an element without polling or iframes

build status NPM version

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.

usage

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'

install

npm install resize-event --save

Then use a CommonJS compatible module bundler to require('resize-event').

license

(c) 2015 Kyle Robinson Young. MIT License