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 相关文章推荐
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
Nov 22 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
Dec 06 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
Vue-Ant Design Vue-普通及自定义校验实例
Oct 24 Javascript
详解Typescript里的This的使用方法
Jan 08 Javascript
vue实现拖拽进度条
Mar 01 Vue.js
返回顶部按钮响应滚动且动态显示与隐藏
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模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
php 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
phpstudy隐藏index.php的方法
2020/09/21 PHP
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
Javascript自定义排序 node运行 实例
2013/06/05 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
详解Vue监听数据变化原理
2017/03/08 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
详解datagrid使用方法(重要)
2020/11/06 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
python中__slots__用法实例
2015/06/04 Python
Python中的字符串查找操作方法总结
2016/06/27 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
在python 中实现运行多条shell命令
2019/01/07 Python
Python如何使用argparse模块处理命令行参数
2019/12/11 Python
详解python破解zip文件密码的方法
2020/01/13 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
python3.6使用SMTP协议发送邮件
2020/05/20 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
初中生自我鉴定
2014/02/04 职场文书
公司会计岗位职责
2014/02/13 职场文书
2014年创先争优活动总结
2014/05/04 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书
python实现自动化群控的步骤
2021/04/11 Python