zoukankan      html  css  js  c++  java
  • javascript实现记录文本框内文字个数

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

       在网了一个代码,放上去,开始使用的时候,还行,不错,可是使用了一段时间后发现了问题。就是你在删除文字后,上面的字数变化就有问题,后来研究了一下,找到问题的所在。onKeyDown="showLen(this)" onKeyUp="showLen(this)以前每次只用了其中一个方法,而且没有者用,这二个方法是在你按下键盘与松开键盘的时候都进行计数,好了,我把程序放上来

    [javascript] view plaincopy
     
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    2. <HTML>  
    3.  <HEAD>  
    4.   <TITLE> New Document </TITLE>  
    5.   <META NAME="Generator" CONTENT="EditPlus">  
    6.   <META NAME="Author" CONTENT="">  
    7.   <META NAME="Keywords" CONTENT="">  
    8.   <META NAME="Description" CONTENT="">  
    9. <mce:script language="javascript"><!--  
    10. function showLen(obj)  
    11. {  
    12.  document.getElementById("contentLen").value=obj.value.length;  
    13.  document.getElementById("smsnum").value=Math.floor(obj.value.length/70)+1;  
    14. }  
    15. // --></mce:script>  
    16.  </HEAD>  
    17.  <BODY>  
    18.   
    19. <textarea name="content" cols="60" rows="5" id="content" onKeyDown="showLen(this)" onKeyUp="showLen(this)">  

    (注:短信超过70个字符会分成多条发送,当前字数: 个,分  条短信发送)

  • 相关阅读:
    python使用matplotlib的savefig保存时图片保存不清晰以及不完整的问题
    EventBus 讲解挺详细的例子
    webpack构建优化的一些点
    webpack tree-shaking 优化
    vue 自定义指令示例 v-prop
    webpack loader 开发实战 px-rpx-vw-loader
    Google商店
    前端 机器学习 pipcook
    object-fit 设置背景(内容)填充
    postMessage iframe 跨域通信
  • 原文地址:https://www.cnblogs.com/xiaochao12345/p/4024287.html
Copyright © 2011-2022 走看看