HTML：显示缩写文本；将全文复制到剪贴板

我试图在动态网页中实现以下效果：

• 敏捷的棕色[…]懒狗

当用户将鼠标悬停在任何文本上时，他们会看到完整的句子。这个是一种类似链接的元素，当用户右键单击它时，他们可以复制全文：“敏捷的棕色狐狸跳过了懒狗。”进入剪贴板

目前，我使用

mailto:

对其进行了修改。也就是说：

<span title="The quick brown fox jumped over the lazy dogs.">
  The quick brown
  [<a href="mailto:The quick brown fox jumped over the lazy dogs.">...</a>]
  lazy dogs.
</span>

快速棕色
[]
懒惰的狗。

使用上述功能，功能是完全正确的，除了浏览器的上下文菜单显示“复制电子邮件地址”，而文本不是。如果菜单项上写着“复制全文”，那就太完美了

我尝试使用

数据：

URL（内联数据），但Firefox的上下文菜单将其称为复制链接位置（它不是一个位置），并且不会像删除

mailto:

前缀那样删除

数据：

前缀

---

我不想为了这个而用Javascript中一些复杂的东西来污染代码。

如果突然出现这样的文本：

Mom很酷。

>剪贴板链接应该出现在哪里？（UI错误？）P.S：你最好用一些有用的JS“污染”你的UI，而不是无效地使用

mailto:

@RokoC.Buljan生成标记的代码只生成长文本的缩写<代码>妈妈很酷。太短了。在这种情况下，您无法获得剪贴板链接；您只需手动复制和粘贴即可。或者，您可以单击该文本的链接（问题中未显示）并将其从文本框中复制出来，然后单击“上一步”按钮返回页面。