<div class="form"> <div class="con"> <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>

　　推荐阅读

　　IE浏览器兼容Firefox的JS脚本的代码

1.window.event兼容脚本 2.屏蔽Form提交事件 3.获取事件源 4.添加事件兼容写法 5.Firefox注册innerText写法 6.长度 7.父控件下的子控件 8.XmlHttp 1.window.event兼容脚本 function getEvent(){ //获取浏览器事件，>>>详细阅读

本文标题：javascript TextArea动态显示剩余字符

地址：http://www.17bianji.com/kaifa2/JS/29291.html

 1/2    1