javascript - 突出显示一个元素（或字符），但实际上复制了一个不同的单词

Question

我想知道是否可以突出显示一个元素或一个单词，但是如果你点击它可以让你复制一个不同的单词ctrl+c。

假设我有一个表情符号元素，它使用精灵背景：

原文：:heart: 我的 html 输出的内容：

  <span background={...logic here}></span>

我想知道当用户突出显示跨度时是否有可能他实际上可以复制:heart:.

更新：

我忘了提到跨度旁边还有其他文本，所以它可能看起来像：

文本：Hello world (emoji here) blablabla

HTML：

<p>Hello world> <span background={...logic}></span> blablabla </p>

标签： javascriptreactjshighlight

Answer 1

您正在寻找覆盖复制事件。

参考这里。

在您的逻辑中，您需要检查复制的内容是否等于心脏，然后将其替换为您希望他们复制的内容。