2008/09/12

[JavaScript]文字数カウントの修正

前回、[javascript]文字数カウント like twitterで、T.Sato君からいろいろ教えてもらったので、処理を追加してみることに。

<div id="test">150</div>
<textarea type="text"
style="height:50px;overflow-y:auto;"
id="hoge"
onKeyUp="lf_ValueCount();"
onClick="lf_ValueCount();"
onChange="lf_ValueCount();"
cols="40"></textarea>
<script type="text/javascript">
function $(aId){return document.getElementById(aId);}

function lf_ValueCount(){
if(150 - $("hoge").value.length < 0){
return $("test").innerHTML="文字数オーバー";
}
return $("test").innerHTML = 150 - $("hoge").value.length;
}

</script>

onClickは、全角で入力した後、マウスをクリックしたときに、計算されない不具合で追加と、onChangeはコピペ対応

これでどうだ!!
文字数:
150




やはりブログで書くとこうして指摘してくれるので大変ありがたい。

一人でやっても必ず抜けが発生する(納期が短いとなおさら)と考えているので、そういった意味でブログの力はすごいなと改めて実感。

1 件のコメント:

  1. 参考にさせていただきました。
    文字数カウントのとこのテキストと超過時に表示させるようにしてみました。

    http://style001.at.infoseek.co.jp/dat/num_count.txt

    返信削除