javascript TextArea动态显示剩余字符
javascript TextArea动态显示剩余字符
发布时间:2016-12-30 来源:查字典编辑
摘要:剩余字数的限制剩余字符:varotext=document.getElementById("text1");varotextleft=doc...

<div>

<div>

<ul>

<li>剩余字数的限制</li>

<li><textarea cols="40" rows="8" id="text1"></textarea></li>

<li>剩余字符:<span id="textleft"></span></li>

</ul>

</div>

</div>

<script language="javascript">

var otext = document.getElementById("text1");

var otextleft = document.getElementById("textleft");

var re = /[^x00-xff]/g;

var maxLength = 40;

window.onload = function(){

if(document.all)

otext.onpropertychange = textleft;

else

otext.onkeypress = textleft;

}

function textleft()

{

var str = otext.value;

str = str.replace(re,"xx");//中文字符当2个字符处理 如果不用的话主是掉本行

otextleft.innerHTML = maxLength - str.length;

}

</script>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类