突出显示textarea中的文本

Question

我有一个textarea和一个div。我希望当我将鼠标悬停在div中的特定单词上时，它还会突出显示textarea中的单词...

http://translate.google.com/#hi|en|%E0%A4%AE%E0%A5%87%E0%A4%B0%E0%A4%BE%20%E0%A4%A8%E0%A4%BE%E0%A4%AE%20%E0%A4%B6%E0%A4%BE%E0%A4%B9%E0%A4%AC%E0%A4%BE%E0%A4%9C%E0%A4%BC%20%E0%A4%B8%E0%A4%BF%E0%A4%82%E0%A4%B9

请帮忙......

Answer 1

无法突出显示textarea内的部分文字。

话虽如此，通常的做法（并且translate.google.com使用它）在元素上方/下方显示叠加层以突出显示其部分......

Answer 2

如果你抨击他谷歌翻译，你可以看到它不是textarea。 GTranslate系统使用“spans”包装单词，并动态更改span on hover的背景颜色。

Answer 3

这不是文字区域。你可以通过在span中包装文本并设置样式来实现这一目标