编程 Javascript

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

Posted in Javascript onOctober 14, 2014

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

在网了一个代码，放上去，开始使用的时候，还行，不错，可是使用了一段时间后发现了问题。就是你在删除文字后，上面的字数变化就有问题，后来研究了一下，找到问题的所在。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)">

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery tablesorter.js 支持中文表格排序改进

Dec 09 Javascript

JavaScript 常用函数

Dec 30 Javascript

jquery实现文本框鼠标右击无效以及不能输入的代码

Nov 05 Javascript

使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能（含后台代码）

Jul 10 Javascript

修复ie8&chrome下window的resize事件多次执行

Oct 20 Javascript

js精度溢出解决方案

Dec 02 Javascript

谈谈JavaScript中的函数与闭包

Apr 14 Javascript

单击复制文字兼容各浏览器的完美解决方案

Jul 04 Javascript

js实现表单检测及表单提示的方法

Aug 14 Javascript

详解wow.js中各种特效对应的类名

Sep 13 Javascript

vue 项目build错误异常的解决方法

Apr 22 Javascript

vue iview多张图片大图预览、缩放翻转

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

让Json更懂中文(JSON_UNESCAPED_UNICODE)

2011/10/27 PHP

php中数组首字符过滤功能代码

2012/07/31 PHP

EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本

2017/04/04 PHP

Laravel 模型使用软删除-左连接查询-表起别名示例

2019/10/24 PHP

Gambit vs CL BO3 第一场 2.13

2021/03/10 DOTA

jquery BS,dialog控件自适应大小

2009/07/06 Javascript

js/jquery判断浏览器的方法小结

2014/09/02 Javascript

使用window.prompt()实现弹出用户输入的对话框

2015/04/13 Javascript

AngularJS基础学习笔记之指令

2015/05/10 Javascript

详解JavaScript中的every()方法

2015/06/08 Javascript

JavaScript中Math.SQRT2属性的使用详解

2015/06/14 Javascript

Javascript 计算字符串在localStorage中所占字节数

2015/10/21 Javascript

微信小程序 icon组件详细及实例代码

2016/10/25 Javascript

JavaScript中的遍历详解(多种遍历)

2017/04/07 Javascript

angular 基于ng-messages的表单验证实例

2017/05/04 Javascript

详解微信小程序回到顶部的两种方式

2019/05/09 Javascript

微信小程序自定义底部弹出框动画

2020/11/18 Javascript

python基于xml parse实现解析cdatasection数据

2014/09/30 Python

Python实现二分法算法实例

2015/02/02 Python

Python 递归函数详解及实例

2016/12/27 Python

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

2019/11/19 Python

django 链接多个数据库并使用原生sql实现

2020/03/28 Python

Python日志器使用方法及原理解析

2020/09/27 Python

5分钟快速掌握Python定时任务框架的实现

2021/01/26 Python

德国游戏机商店：Konsolenkost

2019/12/08 全球购物

音乐教学反思

2014/02/02 职场文书

爱耳日活动总结

2014/04/30 职场文书

奠基仪式策划方案

2014/05/15 职场文书

歌颂党的演讲稿

2014/09/10 职场文书

教师师德考核自我评价

2014/09/13 职场文书

2014年驻村干部工作总结

2014/11/17 职场文书

2014年保险公司工作总结

2014/11/22 职场文书

感谢信的格式

2015/01/21 职场文书

Oracle笔记

2021/04/05 Oracle

springboot layui hutool Excel导入的实现

2022/03/31 Java/Android

python 闭包函数详细介绍

2022/04/19 Python