Question

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

HTML代码：

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

我正在使用一些jquery来显示span标签中的长度

jquery代码：

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

我的问题是：

当我在textarea中输入160个字符而不按ENTER键键盘上的按钮显示正确的结果（160/160）。
但是当我在textarea中使用ENTER按钮1次时，我只能输入159个字符（159/160）。
当我在textarea内使用ENTER按钮2次时，我只能输入158个字符（158/160）。
当我在textarea内使用ENTER按钮3次时，我只能输入157个字符（157/160）。
依旧......

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

Answer 1

这是因为一个输入键相当于在文本区域中输入的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);
});

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

2 个答案: