javascript中的键盘抬起事件onkeyup实现文本域的输入字数控制

在实际运用中啊随处可见的就是PC端的字数控制案例，如标题只能多少字 内容多少字 密码多少长度等等等等，那么这些功能它是怎么实现的呢，今儿这个小分享道哥就给大家分享一下怎么用js去实现文字的输入控制。

已知有如下html代码

<p class="p1"> 
计算剩余字数<br> 
<textarea cols="70" rows="8" id="msg" onkeyup="test()"></textarea><br> 
<span id="msg_s"></span> 	
</p>

要实现在文本域textarea中输入长度不能超过50的字符并且剩余字数跟随输入的内容不断变化，提示还可以输入多少个字符 （要注意的是一个中文占两个字符 一个英文字母或者符号占一个字符）

代码如下

<script type="text/javascript">
	function test2(){
		//取出文本框中文本内容 
		var a=document.getElementById("msg");
		var len=50-a.value.length; //与50作比较，得道剩余字数
		if(len>0){ 
			//如果剩余字数大于0，则提示剩余字数
			document.getElementById("msg_s").innerHTML="您还剩余"+len+"个字";
		}else{
			//如果剩余字数小于0，即字数已超出，则只留前50个字
			document.getElementById("msg_s").innerHTML="您还剩余0个字";
			a.value=a.value.substr(0,50);
		}
	}
</script>

运行结果如下