TextBox中的动态工具提示

Question

我试图获得以下功能，但似乎找不到一个很好的方法来实现它：

有一个文本框，用户输入一些文本，例如，"The apple is red.“，然后根据鼠标悬停在哪个单词上，我希望出现一个自定义工具提示。

所以，如果我在apple上移动鼠标，我想看到一个工具提示:苹果是一种水果！如果我悬停在红色上，我想看到红色是一种颜色！但是我不希望在或 is 上发生任何事情。

有什么想法吗？

Answer 1

用一个普通的文本框，这(可能)是不可能的。

当用户键入.时，您必须使用"contenteditable“元素(例如div)并将单词包装在标记中(例如span)。

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