javascript - 像 Facebook 一样突出文本区域内的文本

当您在回复中输入@ 时，我尝试实现类似 Facebook 所做的事情。选择 friend 后，该 friend 的名字会以蓝色背景突出显示，因此您知道它在该文本中是一个单独的实体。

我已经“检查元素”-ed 那个 textarea 并且没有 div 放在 textarea 的顶部。

任何人都可以告诉我这是如何完成的吗？

enter image description here

最佳答案

我有一个完全不同的方法来解决这个问题，使用 HTML5。我使用 div 和 contentEditable="true" 而不是 textarea(我一直在使用它，直到遇到与您遇到的相同问题)。

然后，如果我想更改指定部分的背景颜色，我只需用 span 包裹该文本即可。

我不是 100% 确定这是否是正确的方法，因为我是 HTML5 的新手，但它在我测试过的所有浏览器(Firefox 15.0.1、Chrome 22.0.1229.79 和 IE8)中工作正常。

希望对你有帮助

关于javascript - 像 Facebook 一样突出文本区域内的文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8438371/