JavaScript * DOM: 监听div的resize事件

我们平时在监听resize变化时,一般监听的都是window/body。

  • 可以绑定onresize的标签 body
  • 可以绑定onresize的对象 window
  • 只有一个起作用,后定义覆盖前定义的

但是有时我们希望监听div的resize变化该怎么办呢?尤其是现在css提供了resize属性。

解决方案如下:
  1. 通过添加object(text/html), http://www.backalleycoder.com
  2. https://github.com/sdecima
  3. https://caniuse.com
  4. 定时器 + getComputeStyle
  5. 基于resze和MutationOberver https://github.com/que-etc/re...
写了一个小示例,基于ResizeObserver API


  
    
    
    
    Document
  
  
    

运行结果

参考地址:
https://segmentfault.com/q/1010000011959064
https://juejin.cn/post/7068542198047834126

你可能感兴趣的:(JavaScript * DOM: 监听div的resize事件)