ie和firefox中对于textarea中换行的处理不同，导致length求出的长度也不同

最新推荐文章于 2022-03-03 00:12:31 发布

原创最新推荐文章于 2022-03-03 00:12:31 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #Firefox #JavaScript #HTML #ViewUI

本文探讨了不同浏览器中Textarea元素的换行符差异问题：IE使用，Firefox使用，导致长度计算不一致。通过统一换行符为解决了这一问题。

textarea中的换行，ie用\r\n表示，firefox用\n表示

导致的结果就是用length方法得出的长度也不同

比如

<html>
  <head>
  <title></title>
  </head>
    <body>
      <textarea id="content" rows="9" cols="45">1
2</textarea>
      <input onclick="javascript:alert(document.getElementById('content').value.length); " type="button" value=" 统计长度" name=button>
    </body>
</html>

在ie下length是4，在firefox下length是3

解决办法，是将\n全部替换成\r\n

var content= document.getElementById('content').value;

content= content.replace(new RegExp("\n", "g"), "\r\n");

\r对应的ASCII码为10，表示换行

\n对应的ASCII码为13，表示回车