javascript記錄文本框內(nèi)文字個(gè)數(shù)檢測(cè)文字個(gè)數(shù)變化
最近在做一個(gè)項(xiàng)目中遇到這樣一個(gè)問題,要對(duì)文本框中用戶輸入的文字進(jìn)行記數(shù),在下面顯示出來(lái),因?yàn)槲覀冏龅氖且粋€(gè)短信發(fā)送平臺(tái),現(xiàn)在我們國(guó)家的短信服務(wù),如果你的信息超過(guò)了70個(gè)字符,短信就會(huì)按二條給你下發(fā)。所以要求我們給用戶顯示他輸入了多少個(gè)字。好便于用戶知道我條信息會(huì)分幾條給出。
在網(wǎng)了一個(gè)代碼,放上去,開始使用的時(shí)候,還行,不錯(cuò),可是使用了一段時(shí)間后發(fā)現(xiàn)了問題。就是你在刪除文字后,上面的字?jǐn)?shù)變化就有問題,后來(lái)研究了一下,找到問題的所在。onKeyDown="showLen(this)" onKeyUp="showLen(this)以前每次只用了其中一個(gè)方法,而且沒有者用,這二個(gè)方法是在你按下鍵盤與松開鍵盤的時(shí)候都進(jìn)行計(jì)數(shù),好了,我把程序放上來(lái)
<!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與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法
這篇文章主要介紹了js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法,實(shí)例分析了oninput與onpropertychange實(shí)現(xiàn)下拉框里自動(dòng)匹配關(guān)鍵字實(shí)時(shí)監(jiān)聽文本框value值變化的功能,需要的朋友可以參考下2015-02-02JavaScript對(duì)象解構(gòu)的用法實(shí)例解析
解構(gòu)賦值允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z(yǔ)法將數(shù)組和對(duì)象的屬性賦給各種變量,下面這篇文章主要給大家介紹了關(guān)于JavaScript對(duì)象解構(gòu)用法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01引入autocomplete組件時(shí)JS報(bào)未結(jié)束字符串常量錯(cuò)誤
在引入jQuery的autocomplete組件時(shí),遇到j(luò)s報(bào)未結(jié)束字符串常量錯(cuò)誤,原因及解決方法如下,大家可以參考下2014-03-03用javascript實(shí)現(xiàn)自定義標(biāo)簽
用javascript實(shí)現(xiàn)自定義標(biāo)簽...2007-05-05JavaScript實(shí)現(xiàn)的超簡(jiǎn)單計(jì)算器功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的超簡(jiǎn)單計(jì)算器功能,可實(shí)現(xiàn)基本的四則運(yùn)算并帶有驗(yàn)證功能,代碼中備有較為詳盡的注釋便于理解,需要的朋友可以參考下2017-12-12Flexigrid在IE下不顯示數(shù)據(jù)的有效處理方法
Flexigrid在IE下不顯示數(shù)據(jù)的處理方法是:指定一下Ajax請(qǐng)求數(shù)據(jù)的方式為Get方式,遇到此問題的朋友可以參考下2014-09-09