javascript记录文本框内文字个数检测文字个数变化


Posted in Javascript onOctober 14, 2014

最近在做一个项目中遇到这样一个问题,要对文本框中用户输入的文字进行记数,在下面显示出来,因为我们做的是一个短信发送平台,现在我们国家的短信服务,如果你的信息超过了70个字符,短信就会按二条给你下发。所以要求我们给用户显示他输入了多少个字。好便于用户知道我条信息会分几条给出。

在网了一个代码,放上去,开始使用的时候,还行,不错,可是使用了一段时间后发现了问题。就是你在删除文字后,上面的字数变化就有问题,后来研究了一下,找到问题的所在。onKeyDown="showLen(this)" onKeyUp="showLen(this)以前每次只用了其中一个方法,而且没有者用,这二个方法是在你按下键盘与松开键盘的时候都进行计数,好了,我把程序放上来

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<mce:script language="javascript"><!-- 
function showLen(obj) 
{ 
document.getElementById("contentLen").value=obj.value.length; 
document.getElementById("smsnum").value=Math.floor(obj.value.length/70)+1; 
} 
// --></mce:script> 
</HEAD> 
<BODY> 

<textarea name="content" cols="60" rows="5" id="content" onKeyDown="showLen(this)" onKeyUp="showLen(this)">
Javascript 相关文章推荐
JQERY limittext 插件0.2版(长内容限制显示)
Aug 27 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
浅谈Javascript如何实现匀速运动
Dec 19 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
bootstrap多种样式进度条展示
Dec 20 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
vue 过滤器filter实例详解
Mar 14 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
小程序如何定位所在城市及发起周边搜索
Feb 11 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 #Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 #Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 #Javascript
js解决select下拉选不中问题
Oct 14 #Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 #Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 #Javascript
网站基于flash实现的Banner图切换效果代码
Oct 14 #Javascript
You might like
文章推荐系统(二)
2006/10/09 PHP
php下使用以下代码连接并测试
2008/04/09 PHP
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
PHP预定义变量9大超全局数组用法详解
2016/04/23 PHP
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
2010/12/19 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
2012/01/13 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
VUE axios上传图片到七牛的实例代码
2017/07/28 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
python中对list去重的多种方法
2014/09/18 Python
Python中的is和id用法分析
2015/01/26 Python
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
Python切换pip安装源的方法详解
2016/11/18 Python
Python学习教程之常用的内置函数大全
2017/07/14 Python
Python中super函数的用法
2017/11/17 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
Django密码系统实现过程详解
2019/07/19 Python
Django Admin后台模型列表页面如何添加自定义操作按钮
2020/11/11 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
2016教师节感恩话语
2015/12/09 职场文书
反邪教学习心得体会
2016/01/15 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python