js获取TextArea每一行字符串(包括自动换行符)的解决方案


当TextArea开启自动换行时,通过同步提交可以在后台获取到自动换行符,但是如果通过js读取进行异步提交时,却无法获取到自动换行符。这里先给出两种半吊子解决方案:

1 利用IE的createTextRange可以通过移动扩展光标直到内容超出TextArea宽度时结束,该方法不支持跨浏览器,而且在混合有手工换行时容易出错

2 计算字符宽度,制作一张中英文以及各个特殊字符的像素宽度表,然后计算出是否超出TextArea宽度,该方法太过于复杂,个人没有实现。


本文给出在实际应用中实现如何完美获取TextArea的每一行数据,包括自动换行以及手动换行符,主要原理为向一个隐藏域一一追加字符,直到其宽度大于TextArea宽度为止。