jQuery 还可以输入多少字 inputTotal()

为什么80%的码农都做不了架构师？>>>   

今天开发用户中心【发布动弹】的功能，动弹内容限制 160 字，需要 javascript 实时显示“还可以输入多少字”的提示，使用 jQuery 实现了这个功能，下面把统计输入字数的代码做个记录 inputTotal(ipt, msg) 。

还可以输入多少字代码示例：

var leng_max_tweet = 160; // 160个字符

$(document).ready(function(){
	inputTotal('#tweetTextarea', '#lengthSpan');

	$('#tweetTextarea').keyup(function(){
		inputTotal(this, '#lengthSpan');
	})
})

/* 统计输入字数 */
function inputTotal (ipt, msg) {
	leng_now = $(ipt).val().length; // 获取当前字数
	leng_msg = leng_max_tweet - leng_now; // 计算出剩余字数

	if (leng_msg < 0) {
		str = $(ipt).val(); // 获取内容
		$(ipt).val(str.substr(0, leng_now + leng_msg)); // 删除超出的字符
	} else {
		$(msg).html(leng_msg);
	}
}

参数 ipt 指定输入框，参数 msg 指定显示剩余字数的容器，页面加载完成调用一次 inputTotal() ，用户输入时调用 inputTotal() 。

【爱玩电脑】原创内容转载请注明出处
原文标题：jQuery 还可以输入多少字 inputTotal()
原文地址：http://www.aowana.com/content.php?id=743

转载于:https://my.oschina.net/4ever/blog/643791