javascriptで残りの文字数を統計します.

1140 ワード

JavaScript html

<html>
<head>
<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>
</head>
<body>
<textarea name="description" onkeyup="checkLength(this);"></textarea> 
<br /><small>      : 250.   : <span id="chLeft">250</span>.</small> 

</body>

</html>

関数ではまず、maxChars変数に値を指定します.(入力エリアで一番多く利用できる文字数です.この変数は計算に使用できる数値です.)そして、パラメータからtextareaに入力された文字の長さを得て、前に指定した最大の長さと比較します.入力された文字の長さが範囲を超える場合、substringを使用して長さ(0,maxChars)を強制的に制限するという意味は、入力可能範囲が0文字からmaxChars(変数)文字ということです.var curr=maxChars-which.value.length;の役割は、あとどれぐらいの文字が使えるかを計算し、数値をcurrに保存することです.最後にgetElementByIdにより、idがchLeftであるオブジェクト(このHTMLではspan)に位置づけられ、curr内の値はtoString法により文字列に変化し、spanラベルにフィードバックされる.

HDOJ 1248冷たい氷の王座(完全リュックサック)