@utilslib/web/hasTextTruncation

---

检测元素是否应用了文本截断样式（text-overflow: ellipsis）

---

hasTextTruncation

函数签名

function hasTextTruncation(element: HTMLElement): boolean

描述

检测元素是否应用了文本截断样式（text-overflow: ellipsis）

参数

参数名	类型	可选	默认值	描述
element	HTMLElement	否	-	-

返回值

boolean

点击查看源码

js

/**
 * 检测元素是否应用了文本截断样式（text-overflow: ellipsis）
 * @param element - 要检测的元素
 * @returns 是否应用了文本截断样式
 */
export function hasTextTruncation(element) {
  if (!element) return false;
  const style = getComputedStyle(element);
  return (
    style.textOverflow === "ellipsis" ||
    style.textOverflow === "clip" ||
    style.overflow === "hidden"
  );
}

ts

/**
 * 检测元素是否应用了文本截断样式（text-overflow: ellipsis）
 * @param element - 要检测的元素
 * @returns 是否应用了文本截断样式
 */
export function hasTextTruncation(element: HTMLElement): boolean {
  if (!element) return false;

  const style = getComputedStyle(element);
  return (
    style.textOverflow === "ellipsis" ||
    style.textOverflow === "clip" ||
    style.overflow === "hidden"
  );
}

如有错误，请提交issue :::