我为文本区域创建了一个计数器,现在我成功计算了长度,但我希望在达到限制后,用户无法再输入。
如何让它在达到限制时停止打字?
$('textarea').keyup(function () {
var max = 10;
var len = $(this).val().length;
var char = max - len;
if (len >= max) {
$(this).parent().find('.counter').text(char + '/'+max);
$(this).parent().find('.counter').css({"color":"red"});
}
else {
$(this).parent().find('.counter').text(char + '/'+max);
$(this).parent().find('.counter').css({"color":"#ccc"});
}
});
这是 jsfiddle https://jsfiddle.net/5vf8pce3/
最佳答案
你可以:
1) 将 keyup
更改为 keydown
并返回 false;
。 fiddle :https://jsfiddle.net/mrlew/5vf8pce3/4/
2) 或使用maxlength
attribute (HTML5)。
<textarea maxlength="10"></textarea>
关于javascript - jQuery 计数器 : Stop type when reach limit,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38243959/