• 授权协议:-
  • 开发厂商:-
  • 软件语言:JavaScript
  • 更新日期:2018-06-17
size-sensor

size-sensorDOM element size sensor which will callback when the element size changed.DOM 元素尺寸监听器,当元素尺寸变化的时候,将会触发回调函数!import{bind,clear}from'size-sensor';或者使用 script 引入,将得到一个全局变量sizeSensor.绑定一个 reisze 监听方法到 DOM 元素上,调用直接返回 unbind 方法。

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.

size-sensor DOM 元素尺寸监听器 评论内容