javascript - 使用 Javascript 查找文本溢出的位置

Question

类似于Determine if an HTML element's content overflows ，如何找到溢出的元素的索引位置？

示例:如果我们在 div 中有一个长字符串在第 100 个字符处溢出，我如何找到该位置？

编辑:更多细节，因为@dfsq 问:我正在尝试创建一个漂亮的纯文本阅读器，可以翻页。

Answer 1

这是一些示例代码。您需要从零个字符开始，然后将每个字符一个一个地添加并检测 offsetWidth 何时超过 scrollWidth。

function find_overflow_index(elt, str) {
  elt.textContent = '';

  for (var i=0; i < str.length; i++) {
    elt.textContent += str[i];
    if (elt.scrollWidth < elt.offsetWidth) return i;
  }

  return -1;  // no overflow
}

find_overflow_index(
  document.getElementById("foo"), 
  "Long string which might overflow");