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

要对文本框中用户输入的文字进行记数,在下面显示出来,经研究找到个不错的方法,可以完美解决在删除文字后,字数变化问题 最近…

要对文本框中用户输入的文字进行记数,在下面显示出来,经研究找到个不错的方法,可以完美解决在删除文字后,字数变化问题

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

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

    New Document 
   
   
   
   
   
    
     </pre></div></div><p>以上就是javascript记录文本框内文字个数检测文字个数变化的详细内容,更多请关注www.cfluntan.cn其它相关文章!</p></article><div class="post-actions"><a href="javascript:;" etap="like" class="post-like action action-like" data-pid="0"><i
                        class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a><a href="javascript:;"
                                                                               class="action action-rewards"
                                                                               data-event="rewards"><i
                    class="fa fa-jpy"></i> 打赏</a></div><div class="post-copyright">未经允许不得转载:<a href="/">www.cfluntan.cn首页</a> » <a href="/web/javascript/">JavaScript 教程</a></div><!--<div class="article-tags">标签:<a href="/archives/tag/javascript" rel="tag">JavaScript</a><a
                    href="/archives/tag/%e5%be%ae%e4%bf%a1" rel="tag">微信</a><a
                    href="/archives/tag/%e5%be%ae%e4%bf%a1%e7%9a%84%e7%89%88%e6%9c%ac%e5%8f%b7" rel="tag">微信的版本号</a><a
                    href="/archives/tag/%e7%89%88%e6%9c%ac%e5%8f%b7" rel="tag">版本号</a><a
                    href="/archives/tag/%e8%af%ad%e4%b9%89%e5%8c%96" rel="tag">语义化</a></div>--><nav class="article-nav"><span class="article-nav-prev">上一篇<br><a href="/web/javascript/112351898285100.html" rel="prev">javascript实现下班倒计时效果的方法(可桌面通知)</a></span><span class="article-nav-next">下一篇<br><a href="/web/javascript/112352005637625.html" rel="next">在JS方法中返回多个值的方法汇总</a></span></nav><div class="relates relates-thumb"><div class="title"><h3>相关文章</h3></div><ul><li><a href="/web/javascript/112730582025.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/006/5d2d798d9febd779.jpg-160" alt="如何在JavaScript中使用对象方法?" class="thumb"></a><a href="/web/javascript/112730582025.html">如何在JavaScript中使用对象方法?</a></li><li><a href="/web/javascript/112751524025.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/006/5d32861c799f7757.png-160" alt="18个用于创建漂亮图表的JavaScript库推荐" class="thumb"></a><a href="/web/javascript/112751524025.html">18个用于创建漂亮图表的JavaScript库推荐</a></li><li><a href="/web/javascript/112855296225.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/013/5d42bb0686598404.jpg-160" alt="POST 请求的三种常见数据提交格式" class="thumb"></a><a href="/web/javascript/112855296225.html">POST 请求的三种常见数据提交格式</a></li><li><a href="/web/javascript/112863317100.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/013/5e13e133098fe155.jpg-160" alt="JavaScript基础--引用数据类型 (对象)" class="thumb"></a><a href="/web/javascript/112863317100.html">JavaScript基础--引用数据类型 (对象)</a></li><li><a href="/web/javascript/112898742600.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/013/5d454d428ac89348.jpg-160" alt="如何在JavaScript中使用字符串?" class="thumb"></a><a href="/web/javascript/112898742600.html">如何在JavaScript中使用字符串?</a></li><li><a href="/web/javascript/112915997000.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/006/5d47eb8530061725.jpg-160" alt="Window对象在前端领域的角色" class="thumb"></a><a href="/web/javascript/112915997000.html">Window对象在前端领域的角色</a></li><li><a href="/web/javascript/112916537025.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/001/5f6807e416857960.jpg-160" alt="了解JavaScript中的类" class="thumb"></a><a href="/web/javascript/112916537025.html">了解JavaScript中的类</a></li><li><a href="/web/javascript/112938179025.html"><img data-src="https://ss.cfluntan.cn/upload/article/000/000/013/5d4949232b458994.jpg-160" alt="JavaScript中Switch语句的使用方法" class="thumb"></a><a href="/web/javascript/112938179025.html">JavaScript中Switch语句的使用方法</a></li></ul></div><div class="title" id="comments"><h3>评论
                    <small>抢沙发</small></h3></div><div id="respond" class="no_webshot"><form action="return false;" method="post" id="commentform"><div class="comt"><div class="comt-title"><img data-src="https://secure.gravatar.com/avatar/?s=100&d=mm" class="avatar avatar-100"
                                 height="50" width="50"><p><a id="cancel-comment-reply-link" href="javascript:;">取消</a></p></div><div class="comt-box"><textarea placeholder="你的评论可以一针见血" class="input-block-level comt-area" name="comment"
                                      id="comment" cols="100%" rows="3" tabindex="1"
                                      onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">
   
    
     
     
     

有人回复时邮件通知我

提交评论
  • 昵称昵称 (必填)
  • 邮箱邮箱 (必填)
  • 网址网址

为您推荐

返回顶部