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 相关文章推荐
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
JavaScript事件委托技术实例分析
Feb 06 Javascript
JavaScript实现的字符串replaceAll函数代码分享
Apr 02 Javascript
深入探讨javascript函数式编程
Oct 11 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
Aug 29 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 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
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
ThinkPHP发送邮件示例代码
2016/10/08 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
用javascript动态调整iframe高度的代码
2007/04/10 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
2016/07/14 Javascript
浅谈Javascript数据属性与访问器属性
2016/07/26 Javascript
Bootstrap Table使用整理(二)
2017/06/09 Javascript
详解Angular Reactive Form 表单验证
2017/07/06 Javascript
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
理解python正则表达式
2016/01/15 Python
教你学会使用Python正则表达式
2017/09/07 Python
python输入错误密码用户锁定实现方法
2017/11/27 Python
Python3实现取图片中特定的像素替换指定的颜色示例
2019/01/24 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
Django文件上传与下载(FileFlid)
2019/10/06 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
JPA面试常见问题
2016/11/14 面试题
毕业论文评语大全
2014/04/29 职场文书
年度评优评先方案
2014/06/03 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
违纪检讨书
2015/01/27 职场文书
李强感恩观后感
2015/06/17 职场文书
大学生社区义工服务心得体会
2016/01/22 职场文书
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
Python实现视频自动打码的示例代码
2022/04/08 Python