快捷導(dǎo)航

js計(jì)算文本框輸入的字符數(shù)

更新時(shí)間：2015年10月23日 10:38:19 投稿：lijiao

這篇文章主要介紹了js計(jì)算文本框輸入的字符數(shù)，具有一定的參考價(jià)值，感興趣的朋友可以參考一下

使用JavaScript實(shí)時(shí)的計(jì)算用戶當(dāng)前輸入的字符數(shù)函數(shù)代碼：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript統(tǒng)計(jì)字符數(shù)</title> 
<script language="javascript"> 
function CountWords(obj, show_id){ 
 var fullStr = obj.value; 
 var charCount = fullStr.length; 
 var rExp = /[^A-Za-z0-9]/gi; 
 var spacesStr = fullStr.replace(rExp, ' '); 
 var cleanedStr = spacesStr + ' '; 
 do{ 
  var old_str = cleanedStr; 
  cleanedStrcleanedStr = cleanedStr.replace(' ', ' '); 
 }while( old_str != cleanedStr ); 
  var splitString = cleanedStr.split(' '); 
  document.getElementById(show_id).innerHTML=charCount; 
} 
</script> 
</head> 
<body> 
<form> 
<textarea cols="40" rows="5" name="x" onkeyup="CountWords(this,'show')" /> 
</textarea> 
</form> 
<div id="show">0</div> 
</body> 
</html>

javascript實(shí)現(xiàn)統(tǒng)計(jì)字符數(shù)很簡(jiǎn)單，上面分享給大家的代碼可以直接使用，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

詳解解決小程序中webview頁(yè)面多層history返回問題
這篇文章主要介紹了詳解解決小程序中webview頁(yè)面多層history返回問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
JavaScript實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建CSS樣式規(guī)則方案
這篇文章主要介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建CSS樣式規(guī)則方案,本文包含獲取樣式表、創(chuàng)建樣式表、插入規(guī)則、添加規(guī)則等內(nèi)容,需要的朋友可以參考下
2014-09-09
JS面試之對(duì)事件循環(huán)的理解
這篇文章主要為大家介紹了JS面試之對(duì)事件循環(huán)的理解分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
JavaScript學(xué)習(xí)筆記之DOM基礎(chǔ)操作實(shí)例小結(jié)
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之DOM基礎(chǔ)操作,結(jié)合實(shí)例形式總結(jié)分析了javascript針對(duì)dom元素節(jié)點(diǎn)、屬性的相關(guān)獲取、設(shè)置等操作技巧,需要的朋友可以參考下
2019-01-01
流量統(tǒng)計(jì)器如何鑒別C#：WebBrowser中偽造referer
這篇文章主要介紹了流量統(tǒng)計(jì)器如何鑒別C#：WebBrowser中偽造referer,需要的朋友可以參考下
2015-01-01
JavaScript的級(jí)聯(lián)函數(shù)用法簡(jiǎn)單示例【鏈?zhǔn)秸{(diào)用】
這篇文章主要介紹了JavaScript的級(jí)聯(lián)函數(shù)用法,結(jié)合簡(jiǎn)單實(shí)例形式分析了javascript鏈?zhǔn)秸{(diào)用具體定義及使用方法,需要的朋友可以參考下
2019-03-03
Javascript異步編程的4種方法讓你寫出更出色的程序
本文總結(jié)了"異步模式"編程的4種方法，理解它們可以讓你寫出結(jié)構(gòu)更合理、性能更出色、維護(hù)更方便的Javascript程序
2013-01-01
網(wǎng)頁(yè)廣告中JS代碼的信息監(jiān)聽示例
在一些網(wǎng)頁(yè)廣告中提供的JS代碼可以進(jìn)行代碼注入，然后監(jiān)視各種元素，下面有個(gè)示例，大家可以參考下
2014-04-04
JS/FLASH實(shí)現(xiàn)復(fù)制代碼到剪貼板(兼容所有瀏覽器)
使用javascript來寫復(fù)制到剪貼板的代碼，一般都是瀏覽器不兼容的。所以采用flash的方式，模擬一個(gè)層，再來復(fù)制，就可以做到全部瀏覽器都適用，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈
2013-05-05
解析javascript中鼠標(biāo)滾輪事件
這篇文章主要給大家詳細(xì)介紹了javascript中鼠標(biāo)滾輪事件，圖文并茂，十分的詳細(xì)，有需要的小伙伴可以參考下。
2015-05-05