Javascript - TextBox中的动态工具提示

时间:2012-12-20 10:24:05

标签: javascript jquery textbox tooltip

我试图获得以下功能,但似乎无法找到一个好方法:

有一个文本框,用户输入了一些文字,例如“苹果是红色的。”我想要根据鼠标悬停在哪个单词上显示自定义工具提示。

因此,如果我将鼠标悬停在苹果上,我希望看到一个工具提示说苹果是水果!,如果我将鼠标悬停在红色上,我想要看到红色是一种颜色!,但如果我超过 ,我不希望发生任何事情。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

使用普通文本框(这可能)是不可能的。

在用户输入时,您必须使用“contenteditable”元素(例如div)并在标签中包含单词(例如span)...

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