javascript實現(xiàn)文本域?qū)懭胱址麜r限定字數(shù)
更新時間：2014年02月12日 15:22:55 作者：
這篇文章主要介紹了javascript實現(xiàn)文本域的寫入字符個數(shù)限定字數(shù),需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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>無標(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+"個字符";
if(len>=100){alert("您不能再寫入了，已經(jīng)達到最大限度！");
document.getElementById("text").value=cont.substr(0,99);
//實現(xiàn)100字最大限度 ，如果超過了，不在寫入數(shù)據(jù)！
}
}
</script>
</html>
相關(guān)文章
事件委托應(yīng)用在很多開發(fā)場景之中,但是很多同學(xué)對委托的原理、特別是對JS原生實現(xiàn)委托不太了解,下面這篇文章主要給大家介紹了關(guān)于js事件流、事件委托與事件階段的相關(guān)資料,需要的朋友可以參考下2022-02-02
使用JavaScript實現(xiàn)Java的List功能(實例講解)
使用JavaScript實現(xiàn)Java的List功能(實例講解)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了javascript伸縮菜單欄實現(xiàn)代碼，點擊標(biāo)題顯示下級菜單，節(jié)約了空間，使頁面排版更加緊湊，感興趣的小伙伴們可以參考一下2015-11-11
展開運算符(spread operator)允許一個表達式在某處展開,下面這篇文章主要給大家介紹了關(guān)于如何通過一文教會你如何在JavaScript中使用展開運算符的相關(guān)資料,需要的朋友可以參考下2022-10-10
本文主要介紹了js預(yù)加載和延時加載2種技術(shù)，簡單分析了他們的實現(xiàn)方式和優(yōu)缺點，非常的實用，有需要的朋友參考下2014-09-09
Draggable Elements 元素拖拽功能實現(xiàn)代碼
雖說js框架到處都是, 都封裝了很多實用的功能,能快速的讓我們實現(xiàn)如動畫,元素拖拽等功能, 不過由于好奇心的驅(qū)使, 有時想一探究竟, 看看一些功能是如何實現(xiàn)的2011-03-03
這篇文章主要介紹了js中的內(nèi)部屬性與delete操作符的相關(guān)資料,需要的朋友可以參考下2015-08-08
JS實現(xiàn)深度優(yōu)先搜索求解兩點間最短路徑
這篇文章主要為大家詳細介紹了JS實現(xiàn)深度優(yōu)先搜索求解兩點間最短路徑，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
這篇文章主要為大家詳細介紹了原生js實現(xiàn)查詢天氣的小應(yīng)用,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了使用Typescript開發(fā)微信小程序的步驟詳解,本文分步驟通過圖文并茂的形式給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01