html监听标签的resize
<html> <body> <div id="div1" style="width:100%;height:100%;"> <div id="div2" style="width:80%;height:80%;border:5px solid #000;"> <div style="width:60%;height:60%;border:3px solid #808080;"></div> </div> </div> </body> <script> var robserver = new ResizeObserver(entries => { console.log(entries.length); for (const entry of entries) { console.log("resize:" + entry.target.id); } }); robserver.observe(document.body.querySelector("#div1")); robserver.observe(document.body.querySelector("#div2")); //取消监听 //robserver.unobserve(document.body.querySelector("#div1")); //robserver.unobserve(document.body.querySelector("#div2")); </script> </html>