首頁  >  文章  >  web前端  >  javascript記錄文字方塊內文字個數檢測文字個數變化_javascript技巧

javascript記錄文字方塊內文字個數檢測文字個數變化_javascript技巧

WBOY
WBOY原創
2016-05-16 16:34:01969瀏覽

最近在做一個專案中遇到這樣一個問題,要對文字框中用戶輸入的文字進行記數,在下面顯示出來,因為我們做的是一個短信發送平台,現在我們國家的短信服務,如果你的訊息超過了70個字符,簡訊就會按二條給你下發。所以要求我們給使用者顯示他輸入了多少個字。好方便使用者知道我訊息會分成幾個給出。

在網了一個代碼,放上去,開始使用的時候,還行,不錯,可是使用了一段時間後發現了問題。就是你在刪除文字後,上面的字數變化就有問題,後來研究了一下,找到問題的所在。 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)">
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn