用JS剩餘字數計算的代碼

先看看HTML代碼：

<textarea name="description" onkeyup="checkLength(this);"></textarea>
<br /><small>文字最大長度: 250. 還剩: <span id="chLeft">250</span>.</small>
可以看出onkeyup是當使用者離開鍵盤後觸發的事件，傳遞的參數是this(也就是當前所在的文檔地區)

然後結合JS代碼看一下：

<script type="text/javascript">
function checkLength(which) {
var maxChars = 250;
if (which.value.length > maxChars)
which.value = which.value.substring(0,maxChars);
var curr = maxChars - which.value.length;
document.getElementById("chLeft").innerHTML = curr.toString();
}
</script>
函數中首先給maxChars變數指定了值(輸入區內最多可用的字元數，注意，該變數是個可用於計算的數值)

然後從參數中得到在textarea中已輸入的字元長度，並與前面指定的最大長度做比較。
當輸入的字元長度超過範圍，則使用substring來強制限制其長度(0,maxChars)的意思就是可輸入範圍是0個字元到maxChars(變數)個字元。

var curr = maxChars - which.value.length;的作用是算出還可用多少個字元，將數值儲存在curr中。

最後通過getElementById定位到id為chLeft的對象(在該HTML中為span)，並將curr裡的值通過toString方法把數值變為字串，反饋到span標籤內。