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

Question

我需要创建文本区域，该区域可以指示是否有行的任何超过限制。

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

注意

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

Answer 1

文字区域是非常愚蠢的，所以高亮无法立即。

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

我已经做了这种类型的事情，隐藏一个textarea，用户实际上正在输入文本，并解释textarea的内容，并显示在DIV中的结果，很像SO编辑器。

在每个击键你需要运行“超过”的测试，改变对DIV/SPAN类为突出。

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