仿微博<textarea>輸入字數提示

效果圖:

wKioL1kJOMWSB9UGAAATe-0ydEE644.jpg-wh_50

實現代碼:

<div>
<textarea id="textArea" rows="4" cols="20" onkeydown="limitWord()" onkeyup="limitWord()">
</textarea>
<span id="tip">已輸入</span>
</div>

<script language="javascript">

var maxl=140;//總長
function limitWord(){
   var s=document.getElementById("textArea").value.length;
   if(s>maxl)document.getElementById("textArea").value=document.getElementById("textArea").value.substr(0,maxl-1);
   else document.getElementById("tip").innerHTML="已輸入:"+s+"/"+maxl;
}
</script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章