javascript實(shí)現(xiàn)文本域?qū)懭胱址麜r(shí)限定字?jǐn)?shù)
更新時(shí)間：2014年02月12日 15:22:55 作者：
這篇文章主要介紹了javascript實(shí)現(xiàn)文本域的寫入字符個(gè)數(shù)限定字?jǐn)?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+"個(gè)字符";
if(len>=100){alert("您不能再寫入了，已經(jīng)達(dá)到最大限度！");
document.getElementById("text").value=cont.substr(0,99);
//實(shí)現(xiàn)100字最大限度 ，如果超過了，不在寫入數(shù)據(jù)！
}
}
</script>
</html>
您可能感興趣的文章:
- 用js設(shè)置下拉框?yàn)橹蛔x的小技巧
- js控制input框只讀實(shí)現(xiàn)示例
- js 禁用只讀文本框獲得焦點(diǎn)時(shí)的退格鍵
- JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- JS清空多文本框、文本域示例代碼
- JS替換文本域內(nèi)的回車示例
- 利用javascript實(shí)現(xiàn)禁用網(wǎng)頁上所有文本框,下拉菜單,多行文本域
- JS限制Textarea文本域字符個(gè)數(shù)的具體實(shí)現(xiàn)
- 計(jì)算文本域剩佘長度的js代碼
- JavaScript 文本域字體大小選擇功能
- JS控制文本域只讀或可寫屬性的方法
相關(guān)文章
事件委托應(yīng)用在很多開發(fā)場景之中,但是很多同學(xué)對委托的原理、特別是對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í)例講解)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
javascript伸縮菜單欄實(shí)現(xiàn)代碼分享
這篇文章主要介紹了javascript伸縮菜單欄實(shí)現(xiàn)代碼，點(diǎn)擊標(biāo)題顯示下級菜單，節(jié)約了空間，使頁面排版更加緊湊，感興趣的小伙伴們可以參考一下2015-11-11
一文教會(huì)你如何在JavaScript中使用展開運(yùn)算符
展開運(yùn)算符(spread operator)允許一個(gè)表達(dá)式在某處展開,下面這篇文章主要給大家介紹了關(guān)于如何通過一文教會(huì)你如何在JavaScript中使用展開運(yùn)算符的相關(guān)資料,需要的朋友可以參考下2022-10-10
本文主要介紹了js預(yù)加載和延時(shí)加載2種技術(shù)，簡單分析了他們的實(shí)現(xiàn)方式和優(yōu)缺點(diǎn)，非常的實(shí)用，有需要的朋友參考下2014-09-09
Draggable Elements 元素拖拽功能實(shí)現(xiàn)代碼
雖說js框架到處都是, 都封裝了很多實(shí)用的功能,能快速的讓我們實(shí)現(xiàn)如動(dòng)畫,元素拖拽等功能, 不過由于好奇心的驅(qū)使, 有時(shí)想一探究竟, 看看一些功能是如何實(shí)現(xiàn)的2011-03-03
這篇文章主要介紹了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ā)微信小程序的步驟詳解,本文分步驟通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-01-01