size-sensor DOM 元素尺寸监听器 项目简介
size-sensorDOM element size sensor which will callback when the element size changed.DOM 元素尺寸监听器,当元素尺寸变化的时候,将会触发回调函数!安装npm i --save size-sensorimport { bind, clear } from 'size-sensor';或者使用 script 引入,将得到一个全局变量 sizeSensor.使用bind & unbindimport { 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();clearimport { 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 监听器函数。ReferenceOnline demo click here. Rewrite from KyleAMathews/element-resize-event, will be used on hustcc/echarts-for-react.LicenseISC@hustcc.
// 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();clearimport { 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 监听器函数。ReferenceOnline demo click here. Rewrite from KyleAMathews/element-resize-event, will be used on hustcc/echarts-for-react.LicenseISC@hustcc.