当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript TextArea动态显示剩余字符

Javascript
常用JS加密编码算法代码
js之完全兼容ie与firefox的拖动层代码[测试好用]
用javascript getComputedStyle获取和设置style的原理
ppk谈JavaScript style属性
JavaScript更改class和id的方法
js数据向上翻滚_数据滚动
javascript弹出一个层并增加一个覆盖层
可浮动QQ在线客服
jabsorb笔记_几个小例子
js快速与任意QQ号码建立临时对话
javascript得到XML某节点的子节点个数的脚本
js验证符合用户体验的网页表单特效
限制复选框的最大可选数的js代码
Javascript调试脚本的经验之谈
用js统计用户下载网页所需时间的脚本
javascript表单域与json数据间的交互
Javascript循环绑定事件的示例代码
表单Form的submit事件不响应的解决方法
JAVASCRIPT下判断IE与FF的比较简单的方式
javascript检查日期格式的函数[比较全]

Javascript 中的 javascript TextArea动态显示剩余字符


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 191 ::
收藏到网摘: n/a

TextArea动态显示输入剩余字符 <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>