前回、[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
やはりブログで書くとこうして指摘してくれるので大変ありがたい。
一人でやっても必ず抜けが発生する(納期が短いとなおさら)と考えているので、そういった意味でブログの力はすごいなと改めて実感。
参考にさせていただきました。
返信削除文字数カウントのとこのテキストと超過時に表示させるようにしてみました。
http://style001.at.infoseek.co.jp/dat/num_count.txt