窗口大小改变 - IkResize

引入方式

import { ikResize } from 'iking-utils'

添加一个大小调整监听器 - addResizeListener

向指定的元素添加一个大小调整监听器。它检查代码是否在服务器上运行，如果是，则提前返回。如果元素没有附加任何大小调整侦听器，它将创建一个空数组来存储侦听器。它还创建ResizeObserver类的一个新实例，并使用resizeHandler函数作为回调，将其附加到元素上。resize观察器用于检测元素大小的变化。最后，将提供的回调函数添加到元素的resize侦听器数组中。

addResizeListener(element: any, fn: () => any)

参数说明

参数值	类型	参数值说明
element	any	要添加resize侦听器的元素
fn	Function	作为一个调整大小的监听器被删除的函数。

  const handleResize = () => {
    console.log('the Window has been resized')
  }
  const element = document.getElementById('addbtn')
  ikResize.addResizeListener(element, handleResize)

移除一个大小调整监听器 - removeResizeListener

元素中移除一个调整大小的监听器。

removeResizeListener(element: any, fn: () => any)

参数说明

参数值	类型	参数值说明
element	any	要从中移除resize侦听器的元素
fn	Function	作为一个调整大小的监听器被删除的函数。

  const handleResize = () => {
    console.log('the Window has been resized')
  }
  const element = document.getElementById('addbtn')
  ikResize.removeResizeListener(element, handleResize)

triggerWindowResize

以编程方式触发窗口调整事件。