起初会想到使用keyup、keydown、keypress或者是onchange事件，onchange需要失去焦点才触发， 其它三个有些对按住键盘某个键不放不生效，有些对使用中文输入法正在输入时统计不正确。
网上找到一种方法就是绑定事件input propertychange
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<textarea></textarea>
<div >当前已输入<span id="count">0</span>个字符</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$('textarea').bind('input propertychange',function(){
$('#count').html($(this).val().length);
});
</script>
</body>
</html>
小程序/网页实现textarea高度随内容自动改变
textarea默认的高度不是对着内容变化，而是随着内容增多，出现了滚动条。目前的需求是实现一个能够输入的textarea，并且高度跟着内容变化。以及小程序的textarea高度随内容自动改变的实现
JS使用textarea模拟post提交表单
textarea代表HTML表单多行输入域，textarea标签是成对出现的,以<textarea>开始,以</textarea>结束。cols -- 多行输入域的列数，rows -- 多行输入域的行数
如何实现 textarea 的 autoHeight 功能
这个功能还比较常见，用来获取文本的长宽（避免了计算不准的问题），主要用于实现 textarea 自动变长。可以看到在我们使用 textarea 的时候，有时候需要感知内容的高度，然后动态撑开
自动增长Textareas的最干净技巧
想法是使 <textarea> 更像 <div>，因此它的高度可以扩展以包含当前值。这几乎是奇怪的，没有一个简单的原生解决方案，不是吗？现在我得到了一个非常好的原生解决方案。
textarea高度自动撑开_实现textarea高度自适应
textarea高度自适应，textarea高度自动增高，textarea高度自动撑开，本文通过复制textarea的html给另外一个元素pre,由于设置pre自动展开，所以不会存在有滞留的感觉，交互效果较好。
js换行符 - 对textarea换行符的处理方案
大家做前端的时候，相信都遇到过，利用多行文本控件 textarea 录入数据，多段落回车换行，但是在页面展示时，换行就不出效果了，有什么办法可以解决呢，下面给大家介绍两种个人觉得最简单的方法。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!