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活用事件触发对象动作
Aug 10 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 Javascript
Javascript计算时间差的函数分享
Jul 04 Javascript
常规表格多表头查询示例
Feb 21 Javascript
Vue.js 和 MVVM 的注意事项
Nov 07 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
May 03 Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 Javascript
VUE axios上传图片到七牛的实例代码
Jul 28 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
AngularJS 前台分页实现的示例代码
Jun 07 Javascript
layui动态绑定事件的方法
Sep 20 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函数http_build_query使用详解
2014/08/20 PHP
php目录拷贝实现方法
2015/07/10 PHP
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
2016/06/13 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
python实现kMeans算法
2017/12/21 Python
一个月入门Python爬虫学习,轻松爬取大规模数据
2018/01/03 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
Python 通过微信控制实现app定位发送到个人服务器再转发微信服务器接收位置信息
2019/08/05 Python
Python实现中值滤波去噪方式
2019/12/18 Python
Python的pygame安装教程详解
2020/02/10 Python
python实现粒子群算法
2020/10/15 Python
python os.listdir()乱码解决方案
2021/01/31 Python
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
video.js支持m3u8格式直播的实现示例
2020/05/20 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
给护士表扬信
2014/01/19 职场文书
python入门之算法学习
2021/04/22 Python