编程 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 查找新建元素代码

Jul 06 Javascript

jQuery 隐藏和显示 input 默认值示例

Jun 03 Javascript

一个通过script自定义属性传递配置参数的方法

Sep 15 Javascript

JS判断元素是否在数组内的实现代码

Mar 30 Javascript

AngularJS基础 ng-submit 指令简单示例

Aug 03 Javascript

微信小程序实战实例开发流程详细介绍

Jan 05 Javascript

微信小程序动态传参实例详解

Apr 27 Javascript

js动态设置select下拉菜单的默认选中项实例

Aug 21 Javascript

Vue组件模板的几种书写形式(3种)

Feb 19 Javascript

js判断密码强度的方法

Mar 18 Javascript

JS实现单张或多张图片持续无缝滚动的示例代码

May 10 Javascript

vue 解决IOS10低版本白屏的问题

Nov 17 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