0

我有一个简单的函数，它模仿文本末尾的“省略号”效果作为跨浏览器解决方案。该函数从文本末尾删除 2 个字符，并查看是否仍有溢出。如果存在，则函数继续执行，如果不存在，则函数返回。我们可以在各处找到这些功能，而且非常简单。

我遇到了一个问题，至少在 Chrome 中（还没有打扰其他人），如果文本有一个 HTML 实体（在我的特定情况下是“&”），浏览器会“猜测”该实体，即使整个实体完整。

例子

这将是函数执行时文本的示例 console.log...

"hey mike & u..."

"hey mike &..."

"hey mike &am..."

"hey mike &..."

"hey mike &am..."

"hey mike &..."

如您所见，一旦我们到达实体，无论它可能是什么，一旦文本被插入回 DOM，就会猜测实体。这显然会导致一个永无止境的循环。

有什么想法吗？

编辑

我已经通过在下面的代码中使用 text() 而不是 html()解决了这个问题，但它仍然没有回答为什么浏览器（或其他东西）猜测实体的问题......

while($this[0].scrollHeight>$this.outerHeight() && $this.html().length){
      // var text = $this.html() *old method, with error*
      var text = $this.text();
      $this.html(text.substr(0,text.length-5)+"...");
}
4

0 回答 0