javascript TextArea动态显示剩余字符


Posted in Javascript onOctober 22, 2008

<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>

Javascript 相关文章推荐
Jquery中扩展方法extend使用技巧
Aug 24 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
javascript验证身份证号
Mar 03 Javascript
jQuery源码分析之Callbacks详解
Mar 13 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
Jun 25 Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
详解React中setState回调函数
Jun 14 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
vue实现拖拽的简单案例 不超出可视区域
Jul 25 Javascript
Javascript this关键字使用分析
Oct 21 #Javascript
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 #Javascript
JavaScript confirm选择判断
Oct 18 #Javascript
javascript脚本编程解决考试分数统计问题
Oct 18 #Javascript
提高网站信任度的技巧
Oct 17 #Javascript
javascript检查日期格式的函数[比较全]
Oct 17 #Javascript
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 #Javascript
You might like
做一个有下拉功能的留言版
2006/10/09 PHP
解析PHP跨站刷票的实现代码
2013/06/18 PHP
php根据日期判断星座的函数分享
2014/02/13 PHP
php如何连接sql server
2015/10/16 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
jQuery简单实现banner图片切换
2014/01/02 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
2014/10/17 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
jQuery实现鼠标滑动切换图片
2020/05/27 jQuery
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
Python NumPy库安装使用笔记
2015/05/18 Python
Python的Django框架中的表单处理示例
2015/07/17 Python
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
Python处理菜单消息操作示例【基于win32ui模块】
2018/05/09 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
关于祖国的演讲稿
2014/05/04 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
微电影大赛策划方案
2014/06/05 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang