【Javascript】テキストエリアに入力した文字数を数える
Category JavaScript
2012/05/26
問題
Javascriptで、テキストエリアに入力した文字列の文字数を数えてください。
答え
demo
テキストエリアの文字列の文字数は 文字です。
source
<textarea onkeyup="document.getElementById('xxxx').value=this.value.length"></textarea>
テキストエリアの文字列の文字数は <input type="text" id="xxxx"> 文字です。
単純に “文字列”.length で取得できる。
全角文字も半角文字も改行もスペースも1文字としてカウントされる。
サンプルではonkeyupで再計算している。
IEで試してますが、Ctrl+Zが動作しなくなりますね。
textareaには問題がなくて、文字数を表示しているinputの値を書き換えているのが影響するみたいです。
フォームの扱いがブラウザによって違うような気がします。
Firefox → 個々の入力欄でRedo（Ctrl+Y）、Undo（Ctrl+Z）できる
IE → フォーム全体でRedo（Ctrl+Y）、Undo（Ctrl+Z）する
文字数をinputではなくて、spanなどの中に表示するようにすると、フォームには影響しなくなるようです。
参考： https://www.softel.co.jp/blogs/tech/archives/3549
WindowsVista+IE7で、以下のコードでも動作しないです。spanもアウトっぽい。
———————————————————————————–
文字数=
———————————————————————————–
それだとが２文字に数えられてしまいます。