HTML:显示缩写文字;让全文复制到剪贴板

时间:2016-01-27 02:18:48

标签: 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>

通过上述功能,该功能完全正确,但浏览器的上下文菜单显示&#34;复制电子邮件地址&#34;,文本不是&#39 ;吨。如果菜单项说&#34;复制全文&#34;这将是完美的。

我尝试使用data:网址(内嵌数据),但Firefox的上下文菜单将其称为复制链接位置(它不是位置)并且不会剥离data:前缀的mailto:前缀!

我不想在Javascript中用一些复杂的东西来污染代码。

0 个答案:

没有答案