【js】动态监听DOM元素改变大小

gengboxb 666 0
// 动态监听
const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
const element = document.querySelector('#Ccode-mirror-move .ivu-modal-body');
this.observer = new MutationObserver(() => {
  // 变化后出发的函数
  const width = getComputedStyle(element).getPropertyValue('width'); // 宽度
  const height = getComputedStyle(element).getPropertyValue('height'); // 高度
});
this.observer.observe(element, {
  attributes: true,
  attributeFilter: ['style'],
  attributeOldValue: true,
});

发表评论 取消回复
表情 图片 链接 代码

分享