Javascript 查找期间显示隐藏文本

我有一个包含多个列的数据表。其中之一是具有不同长度文本的注释列。有些评论很短，但有些评论可能很长。现在，我只显示注释的前50个字符，并将原始文本放入“title”属性，以便用户仍然能够读取整个值

通过截断字符串，表看起来没问题，但现在用户无法在其余被截断的文本中找到任何内容（在浏览器中为CTRL+F）

因此，我的想法是使整个注释隐藏在源代码中，但对浏览器的查找机制可见。有可能吗？你们有什么建议

---

谢谢

嗯，想想看……当您使用“查找”功能时，浏览器会做什么？它滚动到找到的文本并选择它。如果文本不可见，这怎么可能呢？我想不出有什么办法能奏效。我能想到的唯一选择是实现自己的查找功能，覆盖浏览器的。它会像浏览器一样浏览发布的评论并找到文本，只是它能够浏览隐藏的文本并可能扩展它。至于如何准确覆盖浏览器的查找，也许可以绑定到Ctrl+F，并在该绑定中，

返回false

，以防止浏览器使用其查找。我不知道这是否行得通，这只是个想法。正如您所说，基本问题是浏览器无法搜索隐藏的文本，我知道没有任何方法可以做到这一点。

如果没有dirty技巧，例如字体大小：0.1px或类似的技巧，我无法想象这一点。 您可以为用户提供显示全文的选项，或者实现自己的搜索功能。用户为什么要期望使用本机搜索引擎对不存在的数据进行搜索。

---

您可以绑定到CTRL-F，但可能有人更改了键绑定或正在使用菜单，因此这对我来说是一条死胡同。

这不是一个好答案，但很好：Webkit和其他引擎中可能存在错误。如果将文本设置为

空白：nowrap和
溢出：隐藏，它将在视觉上被截断，但如果在隐藏文本中找到搜索匹配项，它将再次出现

六年来，我使用了一种类似的技术来隐藏按钮中的文本，这些按钮的样式为背景图像：

.button {
    display: inline-block;
    text-indent: 120%;
    white-space: nowrap;
}

简单/有趣的解决方案：

将注释容器CSS设置为
溢出：隐藏或
溢出：滚动，并根据需要设置容器的宽度和高度。应该只为用户显示一部分文本，但可以被浏览器完全读取。
我认为您需要尝试找到一种不同的方法。通常，当你遇到这样的问题时，这意味着你需要尝试其他方法。