Usage no npm install needed!

<script type="module">
  import jqueryResize from 'https://cdn.skypack.dev/jquery.resize';
</script>

README

jquery.resize

Custom resize jQuery event for element. The code use ResizeObserver if browser support it (right now only Chrome/Chromium) or sentinel iframe.

The plugin was created for jQuery Terminal.

Usage

You can use it as jQuery plugin:

$('element').resizer(function() {
    var $this = $(this);
    console.log($this.width(), $this.height());
});
// if handler is omitted all event handlers are removed
$('element').resizer('unbind', handler);

or as normal event using on/off:

$('element').on('resize', function() {
    var $this = $(this);
    console.log($this.width(), $this.height());
});

$('element').off('resize', handler);

License

Released under MIT license