下面是一个例子：
$(function() {
$('#test').change(function() {
$('#length').html($('#test').val().length)
})
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id=test maxlength=10></textarea>
length = <span id=length>0</span>用行（一行一个字符）填充 textarea，直到浏览器允许。完成后，离开textarea，js代码也会计算字符。
所以就我而言，在 chrome 阻止我之前，我只能输入 7 个字符（包括空格）。虽然 maxlength 属性的值为 10：
以下是如何让您的 javascript 代码与浏览器认为在 textarea 中的字符数量相匹配：
$(function () {
$('#test').keyup(function () {
var x = $('#test').val();
var newLines = x.match(/(\r\n|\n|\r)/g);
var addition = 0;
if (newLines != null) {
addition = newLines.length;
}
$('#length').html(x.length + addition);
})
})
基本上，您只需计算文本框中的总换行符，并将每个换行符的字符数加 1。
当涉及到 maxlength 时，您的回车每个被视为 2 个字符。
1\r\n
1\r\n
1\r\n
1
但似乎 javascript 只能使用其中一个\r\n（我不确定是哪一个），加起来只有7。
根据上面 Pointy 的回答，似乎正确的方法是将所有新行都算作两个字符。这将使其跨浏览器标准化，并匹配发布时将发送的内容。
因此，我们可以遵循规范并使用回车符 - 换行符对替换所有出现的回车符后没有换行符，以及所有新行后没有回车符的情况。
var len = $('#test').val().replace(/\r(?!\n)|\n(?!\r)/g, "\r\n").length;
然后使用该变量来显示 textarea 值的长度，或限制它，等等。
由于未知的原因，jQuery 总是将 a 值中的所有换行符转换<textarea>为单个字符。也就是说，如果浏览器给它\r\n换行，jQuery 会确保它只是\n在.val().
<textarea>出于“最大长度”的目的，Chrome 和 Firefox 都以相同的方式计算标签的长度。
但是，HTTP 规范坚持将换行符表示为\r\n. 因此，jQuery、webkit 和 Firefox 都犯了这个错误。
结果是，<textarea>如果您的服务器端代码确实有一个字段值的固定最大大小，那么标签上的“maxlength”几乎毫无用处。
编辑——此时（2014 年末）看起来 Chrome (38) 的行为是正确的。然而，Firefox (33) 仍然不将每个硬返回计为 2 个字符。
看起来javascript也在考虑换行符的长度。
尝试使用：
var x = $('#test').val();
x = x.replace(/(\r\n|\n|\r)/g,"");
$('#length').html(x.length);
我在你的小提琴中使用了它并且它正在工作。希望这可以帮助。