软件简介

size-sensor

DOM element size sensor which will callback when the element size changed.

DOM 元素尺寸监听器，当元素尺寸变化的时候，将会触发回调函数！

安装

npm i –save size-sensor

import { bind, clear } from 'size-sensor';

或者使用 script 引入，将得到一个全局变量 sizeSensor.

使用

• bind & unbind

  import { bind, clear } from ‘size-sensor’;

  // bind the event on element, will get the unbind function
  const unbind1 = bind(document.querySelector(‘.container’), element => {
    // do what you want to to.
  });

  const unbind2 = bind(document.querySelector(‘.container’), element => {
    // do what you want to to.
  });

  // if you want to cancel bind event.
  unbind1();

• clear

  import { bind, clear } from ‘size-sensor’;

  /
   * // bind the resize event.
   * const unbind1 = bind(…);
   * const unbind2 = bind(…);
   * …
  /

  // you can cancel all the event of element.
  clear(element);

API

只有 2 API:

• bind(element, callback)

绑定一个 reisze 监听方法到 DOM 元素上，调用直接返回 unbind 方法。

• clear(element)

清楚 DOM 元素上的所有 resize 监听器函数。

Reference

Online demo click here. Rewrite from
KyleAMathews/element-resize-event, will be used on hustcc/echarts-for-
react.

License

ISC@hustcc.