javascript記錄文本框內(nèi)文字個數(shù)檢測文字個數(shù)變化
更新時間：2014年10月14日 17:14:06 投稿：whsnow
要對文本框中用戶輸入的文字進行記數(shù)，在下面顯示出來，經(jīng)研究找到個不錯的方法，可以完美解決在刪除文字后，字數(shù)變化問題
最近在做一個項目中遇到這樣一個問題，要對文本框中用戶輸入的文字進行記數(shù)，在下面顯示出來，因為我們做的是一個短信發(fā)送平臺，現(xiàn)在我們國家的短信服務(wù)，如果你的信息超過了７０個字符，短信就會按二條給你下發(fā)。所以要求我們給用戶顯示他輸入了多少個字。好便于用戶知道我條信息會分幾條給出。
在網(wǎng)了一個代碼，放上去，開始使用的時候，還行，不錯，可是使用了一段時間后發(fā)現(xiàn)了問題。就是你在刪除文字后，上面的字數(shù)變化就有問題，后來研究了一下，找到問題的所在。onKeyDown="showLen(this)" onKeyUp="showLen(this)以前每次只用了其中一個方法，而且沒有者用，這二個方法是在你按下鍵盤與松開鍵盤的時候都進行計數(shù)，好了，我把程序放上來
<!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)">
相關(guān)文章
純JS開發(fā)baguetteBox.js響應(yīng)式畫廊插件
這篇文章主要介紹了純JS開發(fā)baguetteBox.js響應(yīng)式畫廊插件,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
javascript打印大全(打印頁面設(shè)置/打印預(yù)覽代碼)
打印頁面設(shè)置,打印頁面預(yù)覽在打印過程中經(jīng)常會遇到，網(wǎng)上搜集整理了一些實用的打印方法與大家分享，感興趣的朋友可以了解下哈2013-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)循環(huán)輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要為大家詳細介紹了基于javascript下使用canvas繪制時鐘的具體實現(xiàn)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
TypeScript Type Innference(類型判斷)
TypeScript 是微軟開發(fā)的 JavaScript 的超集，TypeScript兼容JavaScript，可以載入JavaScript代碼然后運行。接下來通過本文給大家介紹TypeScript Type Innference(類型判斷)的相關(guān)知識，需要的朋友參考下2016-03-03
今天小編就為大家分享一篇layui復(fù)選框的全選與取消實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了javascript限制文本框輸入值類型的方法,涉及javascript鼠標事件、鍵盤按鍵及字符串的相關(guān)操作技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了檢查表單元素的值是否為空的實例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
本文給大家介紹js控制偽元素的方法匯總，本文涉及到獲取偽元素屬性值的方法，本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
這篇文章主要為大家詳細介紹了javascript設(shè)計模式之迭代器模式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01