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

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);
posted @ 2023-12-05 09:49  吃饭七分饱  阅读(143)  评论(0编辑  收藏  举报