size-sensorDOM 元素尺寸监听器
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.
评论