文本区域长度计算在html中无法正常工作

Question

嗨，我的html页面中有一个文本区域，我正在使用span标签显示其长度

html代码：

<textarea cols="50" rows="10" maxlength="160"  id="main_text"></textarea><br/>
<span class="charno">0</span>/160

我正在使用一些jQuery来显示跨度标签的长度

jQuery代码：

$("#main_text").keyup(function(){
      $(".charno").html($("#main_text").val().length);
});

我的问题是：

• 当我在文本区域中输入160个字符而不按键盘上的ENTER按钮时，它显示正确的结果（160/160）。
• 但是当我在文本区域内使用ENTER按钮1次时，我只能输入159个字符（159/160）。
• 当我在文本区域内两次使用ENTER按钮时，我只能输入158个字符（158/160）。
• 当我在文本区域内使用ENTER按钮3次时，我只能输入157个字符（157/160）。
• 等等....

我的代码中是否有任何问题，或者我做错了什么，请帮助.........

Answer 1

这是因为一个Enter键等于在文本区域中输入的2个字母数字键。 如果您在160个字符中输入5次“输入密钥”，则可以再输入150个字符。（150（字母数字）+ 10（5 * 2输入密钥）= 160个字符）

但是，在计算使用长度的“输入密钥”时，它只会返回一个。

Answer 2

输入应为1，如果仍以输入为长度2，请使用以下技巧

$("#main_text").keyup(function(e){
var code = e.keyCode;

if (code == 13)
{

var code = e.keyCode;

var l = $("#main_text").val().length;

$(".charno").html(l-1)
}
$(".charno").html($("#main_text").val().length);
});