编程 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 相关文章推荐

JavaScript 中的replace方法说明

Apr 13 Javascript

js获取电脑分辨率的思路及操作

Nov 22 Javascript

jQuery实现移动和渐变特效的点击事件

Feb 26 Javascript

灵活的理解JavaScript中的this指向

Feb 25 Javascript

移动端刮刮乐的实现方式（js+HTML5）

Mar 23 Javascript

webpack 2的react开发配置实例代码

Jul 28 Javascript

axios全局请求参数设置,请求及返回拦截器的方法

Mar 05 Javascript

axios使用拦截器统一处理所有的http请求的方法

Nov 02 Javascript

JavaScript实现简单计算器功能

Dec 19 Javascript

webpack proxy 使用(代理的使用)

Jan 10 Javascript

微信小程序实现电子签名功能

Jul 29 Javascript

记一次vue跨域的解决

Oct 21 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可变函数的经典用法

2013/06/20 PHP

PHP字符串的递增和递减示例介绍

2014/02/11 PHP

PHP获取当前日期及本周一是几月几号的方法

2017/03/28 PHP

根据地区不同显示时间的javascript代码

2007/08/13 Javascript

js 变量类型转换常用函数与代码[比较全]

2009/12/01 Javascript

由JavaScript中call()方法引发的对面向对象继承机制call的思考

2011/09/12 Javascript

扩展IE中一些不兼容的方法如contains、startWith等等

2014/01/09 Javascript

Jquery获得控件值的三种方法总结

2014/02/13 Javascript

开源的javascript项目Kissy介绍

2014/11/28 Javascript

JavaScript中的Primitive对象封装介绍

2014/12/31 Javascript

JavaScript 常见安全漏洞和自动化检测技术

2015/08/21 Javascript

JavaScript使用DeviceOne开发实战（四）仿优酷视频应用

2015/12/02 Javascript

学习JavaScript设计模式之策略模式

2016/01/12 Javascript

浅谈JavaScript中数组的增删改查

2016/06/20 Javascript

浅谈jquery中的each方法$.each、this.each、$.fn.each

2016/06/23 Javascript

jQuery阻止移动端遮罩层后页面滚动

2017/03/15 Javascript

BootStrap selectpicker后台动态绑定数据的方法

2017/07/28 Javascript

详解react使用react-bootstrap当轮子造车

2017/08/15 Javascript

vue通过滚动行为实现从列表到详情,返回列表原位置的方法

2018/08/31 Javascript

koa2+vue实现登陆及登录状态判断

2019/08/15 Javascript

Vuex中实现数据状态查询与更改

2019/11/08 Javascript

vue+Element中table表格实现可编辑（select下拉框）

2020/05/21 Javascript

[05:11]TI9战队采访——VIRTUSPRO

2019/08/22 DOTA

Python利用IPython提高开发效率

2016/08/10 Python

TensorFlow深度学习之卷积神经网络CNN

2018/03/09 Python

使用Python设计一个代码统计工具

2018/04/04 Python

详解PyCharm配置Anaconda的艰难心路历程

2018/08/13 Python

Python DataFrame.groupby()聚合函数,分组级运算

2018/09/18 Python

Pandas中DataFrame基本函数整理(小结)

2020/07/20 Python

html5 postMessage前端跨域并前端监听的方法示例

2018/11/01 HTML / CSS

2014年党务工作总结

2014/11/25 职场文书

学习雷锋精神倡议书

2015/04/27 职场文书

Django一小时写出账号密码管理系统

2021/04/29 Python

微信小程序用户授权最佳实践指南

2021/05/08 Javascript

Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)

2021/05/27 Servers

nginx安装以及配置的详细过程记录

2021/09/15 Servers