javascript記錄文本框內文字個數(shù)檢測文字個數(shù)變化
更新時間：2014年10月14日 17:14:06 投稿：whsnow
要對文本框中用戶輸入的文字進行記數(shù)，在下面顯示出來，經(jīng)研究找到個不錯的方法，可以完美解決在刪除文字后，字數(shù)變化問題
最近在做一個項目中遇到這樣一個問題，要對文本框中用戶輸入的文字進行記數(shù)，在下面顯示出來，因為我們做的是一個短信發(fā)送平臺，現(xiàn)在我們國家的短信服務，如果你的信息超過了７０個字符，短信就會按二條給你下發(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)">
相關文章
純JS開發(fā)baguetteBox.js響應式畫廊插件
這篇文章主要介紹了純JS開發(fā)baguetteBox.js響應式畫廊插件,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
打印頁面設置,打印頁面預覽在打印過程中經(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(類型判斷)的相關知識，需要的朋友參考下2016-03-03
今天小編就為大家分享一篇layui復選框的全選與取消實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了javascript限制文本框輸入值類型的方法,涉及javascript鼠標事件、鍵盤按鍵及字符串的相關操作技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了檢查表單元素的值是否為空的實例代碼的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
本文給大家介紹js控制偽元素的方法匯總，本文涉及到獲取偽元素屬性值的方法，本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起學習吧2016-04-04
這篇文章主要為大家詳細介紹了javascript設計模式之迭代器模式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01