如图所示,输入文字,下方实时显示输入文字字数:
1、功能:
点击输入框,内部文字全选;
输入字数随着输入随时改变;
2、HTML:
<div>
<textarea class="evaluateContent" rows="4">请输入留言...</textarea>
<p>已输入<strong class="wordNum">0</strong>字
<input type="button" value="提交留言" /></p>
</div>
3、样式省略:
.......
4、jQuery:
//点击编辑框文字全选
$(".evaluateContent").click(function () {
$(this).select();
});
//键盘事件--实时更新字数显示
$(".evaluateContent").keyup(function () {
var old_val = $(this).val().toString();
$(".wordNum").text(old_val.length);
});