 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>無(wú)標(biāo)題文檔</title> 
</head> 

<body> 
<textarea id="text"cols="20" rows="5" onkeyup="sum ()" onfocus="focu()"></textarea> 
<span id="span"></span> 
</body> 
<script> 
function sum(){ 
var str =document.getElementById("text"); 
var cont=str.value; 
var len=cont.length; 
document.getElementById("span").innerHTML="您當(dāng)前輸入了"+len+"個(gè)字符"; 
if(len>=100){alert("您不能再寫入了，已經(jīng)達(dá)到最大限度！"); 
document.getElementById("text").value=cont.substr(0,99); 
//實(shí)現(xiàn)100字最大限度 ，如果超過(guò)了，不在寫入數(shù)據(jù)！ 
} 
} 
</script> 
</html> 

您可能感興趣的文章:

相關(guān)文章

js事件流、事件委托與事件階段實(shí)例詳解
事件委托應(yīng)用在很多開發(fā)場(chǎng)景之中,但是很多同學(xué)對(duì)委托的原理、特別是對(duì)JS原生實(shí)現(xiàn)委托不太了解,下面這篇文章主要給大家介紹了關(guān)于js事件流、事件委托與事件階段的相關(guān)資料,需要的朋友可以參考下
2022-02-02
使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)
使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
javascript伸縮菜單欄實(shí)現(xiàn)代碼分享
這篇文章主要介紹了javascript伸縮菜單欄實(shí)現(xiàn)代碼，點(diǎn)擊標(biāo)題顯示下級(jí)菜單，節(jié)約了空間，使頁(yè)面排版更加緊湊，感興趣的小伙伴們可以參考一下
2015-11-11
一文教會(huì)你如何在JavaScript中使用展開運(yùn)算符
展開運(yùn)算符(spread operator)允許一個(gè)表達(dá)式在某處展開,下面這篇文章主要給大家介紹了關(guān)于如何通過(guò)一文教會(huì)你如何在JavaScript中使用展開運(yùn)算符的相關(guān)資料,需要的朋友可以參考下
2022-10-10
淺析js預(yù)加載/延遲加載
本文主要介紹了js預(yù)加載和延時(shí)加載2種技術(shù)，簡(jiǎn)單分析了他們的實(shí)現(xiàn)方式和優(yōu)缺點(diǎn)，非常的實(shí)用，有需要的朋友參考下
2014-09-09
Draggable Elements 元素拖拽功能實(shí)現(xiàn)代碼
雖說(shuō)js框架到處都是, 都封裝了很多實(shí)用的功能,能快速的讓我們實(shí)現(xiàn)如動(dòng)畫,元素拖拽等功能, 不過(guò)由于好奇心的驅(qū)使, 有時(shí)想一探究竟, 看看一些功能是如何實(shí)現(xiàn)的
2011-03-03
js中的內(nèi)部屬性與delete操作符介紹
這篇文章主要介紹了js中的內(nèi)部屬性與delete操作符的相關(guān)資料,需要的朋友可以參考下
2015-08-08
JS實(shí)現(xiàn)深度優(yōu)先搜索求解兩點(diǎn)間最短路徑
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)深度優(yōu)先搜索求解兩點(diǎn)間最短路徑，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-01-01
原生js實(shí)現(xiàn)查詢天氣小應(yīng)用
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)查詢天氣的小應(yīng)用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
使用Typescript開發(fā)微信小程序的步驟詳解
這篇文章主要介紹了使用Typescript開發(fā)微信小程序的步驟詳解,本文分步驟通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-01-01