使用jQuery检查每行文本区域的长度

Question

我需要创建一个文本区域，指示任何行是否超出限制。

任何想法如何轻松做到这一点？是否可以仅为该行添加一些背景颜色？

注意

下面的示例看起来像一个选择列表，但通常有长句。我们只需要检查一下这句话是否超出我们给出的限制，如果是，那么让我们给出一些反馈。用户仍可继续编辑。

Answer 1

Textareas非常愚蠢，因此不能立即突出显示。

您需要编写键盘事件处理程序并在DIV中模拟textarea。您需要解释击键和光标移动并跟踪当前光标位置，以及在DIV或SPAN中包裹每一行以允许您更改样式以突出显示特定项目。

我通过隐藏用户实际输入文本的textarea，并解释textarea的内容并在DIV中显示结果来完成此类事情，就像SO编辑器一样。

在每次击键时，您需要运行“超出”测试并更改该DIV / SPAN上的类以突出显示。

这是一个比你想象的要复杂得多的问题。