javascript - Javascript - 文本框中的动态工具提示

Question

我正在尝试获得以下功能，但似乎找不到一个好方法来做到这一点：

有一个文本框，用户在其中输入一些文本，例如，“苹果是红色的。 ”然后我希望根据鼠标悬停在哪个词上出现自定义工具提示。

因此，如果我将鼠标悬停在apple上，我想看到一个提示Apples is a fruit！，如果我将鼠标悬停在red上，我想看到Red 是一种颜色！，但如果我超过The或is ，我不希望发生任何事情。

有任何想法吗？

Answer 1

对于普通的文本框，这（可能）是不可能的。

当用户键入时，您必须使用“contenteditable”元素（例如 div）并将单词包装在标签中（例如 span）...

通常工具提示需要一个目标，它必须是一个 html 元素。我还没有看到可以附加到标签内单个单词的工具提示。