gpt4 book ai didi

javascript - 如何使用 ResizeObserver 仅检查 JavaScript 中正文的宽度变化?

转载 作者:行者123 更新时间:2023-12-05 00:43:56 26 4
gpt4 key购买 nike

我要查看<body>的宽度变化(不是高度)。

有没有办法用 ResizeObserver 做到这一点?

最佳答案

这是一个例子。在 https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver 上阅读更多文档.

function handleWidthChange (width) {
console.log(width);
}

let prevWidth = 0;

const observer = new ResizeObserver(entries => {
for (const entry of entries) {
const width = entry.borderBoxSize?.[0].inlineSize;
if (typeof width === 'number' && width !== prevWidth) {
prevWidth = width;
handleWidthChange(width);
}
}
});

observer.observe(document.body, {box: 'border-box'});

关于javascript - 如何使用 ResizeObserver 仅检查 JavaScript 中正文的宽度变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68629538/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com