textarea 手机端无法换行_textarea 换行字数限制问题的解决方法

1、有时我们想实现点击a标签时，页面仍然定位在原处，而不是返回顶端，造成用户体验度不好。

解决方法：

复制代码 代码示例:

。

2、标签，在firefox下大小是可以改变的，导致用户体验度不高；有时也会因为输入的太长，导致标签变形，页面凌乱。

解决方法：

复制代码 代码示例:

style="vertical-align:top;resize: none;word-wrap:break-word;"

vertical-align:top可以使的textarea标签前面的文字位于框的顶端，而不是默认的底端；

resize: none防止在firefox下大小可以改变；

word-wrap:break-word按照字间自动换行。

当然，也可以强制进行按照字节进行换行，在中文下应该没有问题，英文下单词会不会被分行，还没有试过。

方法为：

复制代码 代码示例:

str = str.replace(/(.{40})/g,'$1\n');

另一种方法，使用输入字数限制，常用到maxlength，在IE/Firefox等浏览器下还没有发现什么bug，无论是复制、中文、连续输入等操作，计算的还是比较准确的。

调用方法：

复制代码 代码示例:

复制代码 代码示例:

当前字数(限制140字)

效果如下图所示：