Javascript ResizeObserver:如何检索已调整大小的元素的Id?
我用ResizeObserver观察多个文本区域。“for(let entry of entries)”循环枚举所有条目,但我只需要已调整大小的元素的id。我尝试了这个.id,但没有定义Javascript ResizeObserver:如何检索已调整大小的元素的Id?,javascript,Javascript,我用ResizeObserver观察多个文本区域。“for(let entry of entries)”循环枚举所有条目,但我只需要已调整大小的元素的id。我尝试了这个.id,但没有定义 var myObserver = new ResizeObserver(entries => { console.log(this.id); for (let entry of entries) { // do something } }); var boxes = document.
var myObserver = new ResizeObserver(entries => {
console.log(this.id);
for (let entry of entries) {
// do something
}
});
var boxes = document.querySelectorAll('textarea');
boxes.forEach(box => {
myObserver.observe(box);
});
多个文本区域可以同时更改/调整大小,因此需要使用数组跟踪每个更改。但是,大多数情况下,只有一个元素会调整大小。在这种情况下,您可以从
条目中获取第一个元素,并获取其目标.id
值:
constmyobserver=newresizeobserver(条目=>{
常量[已更改]=条目;
console.log(changed.target.id);
});
const-box=document.queryselectoral('textarea');
box.forEach(box=>{
myObserver.observe(框);
});代码>
1
12
123