js监听判断是否超出省略号显示

发布时间 2023-12-05 09:50:16作者: 吃饭七分饱
function isOverflow(element) {
  return element.scrollWidth > element.offsetWidth;
}

let element = document.querySelector('.ellipsis-span');
let resizeObserver = new ResizeObserver(() => {
  let overflow = isOverflow(element);
  if (overflow) {
    console.log('内容超出,需要显示省略号');
  } else {
    console.log('内容未超出,不需要显示省略号');
  }
});

resizeObserver.observe(element);